🎨 style: Improve CSS for app components and clean up code

- Updated App.css to ensure consistent styling across the application.
- Removed unnecessary line breaks in CameraSources component to clean up the code.
- Refactored Floating component to use inline styles for better control over layout and added overflow-hidden class for improved UI consistency.
- Adjusted Webcam component to fill the available space, ensuring the video feed uses the full container size.

Author: mangledbottles

src/App.css

@@ -53,4 +53,4 @@ button {
 
 .read-the-docs {
   color: #888;
-}
+}

src/components/CameraSources.tsx

@@ -27,7 +27,6 @@ export default function CameraSources({
         await window.electron.setPermissionsMissing(true);
       }
     };
-
     getDevices();
   }, []);
 

src/components/Floating.tsx

@@ -79,7 +79,16 @@ export const Floating = () => {
   });
 
   return (
-    <div className="m-0 p-0 w-screen h-screen flex justify-center items-center bg-white dark:bg-gray-800">
+    <div
+      style={{
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+      }}
+      className="m-0 p-0 bg-white dark:bg-gray-800 overflow-hidden"
+    >
       <div className="divide-y divide-gray-300 dark:divide-gray-600 rounded-md shadow-md md:flex md:divide-y-0 bg-gray-50 dark:bg-gray-700">
         <button
           className="group flex w-full items-center justify-center hover:bg-gray-100 dark:hover:bg-gray-600"

src/components/Webcam.tsx

@@ -52,5 +52,7 @@ export const Webcam = ({}) => {
 
   if (!cameraSource) return null;
 
-  return <video ref={videoRef} autoPlay />;
+  return (
+    <video ref={videoRef} autoPlay style={{ width: "100%", height: "100%" }} />
+  );
 };