- improved layouts across app

- adjusted card spacing

src/features/cameras/components/CameraGrid.tsx

@@ -9,10 +9,16 @@ const CameraGrid = () => {
   const [tabIndex, setTabIndex] = useState(0);
 
   return (
-    <div className="flex flex-col gap-4 p-4 md:grid md:grid-cols-5 md:grid-rows-5 md:max-h-screen md:gap-0 md:p-0">
-      <VideoFeedGridPainter />
+    <div className="grid grid-cols-1 md:grid-cols-3 gap-4 p-4 h-screen max-h-screen overflow-hidden">
+      <div className="col-span-2 flex flex-col gap-4">
+        <div className="shrink-0">
+          <VideoFeedGridPainter />
+        </div>
+        <div className="flex-1 overflow-hidden">
+          <PlatePatch />
+        </div>
+      </div>
       <CameraSettings tabIndex={tabIndex} setTabIndex={setTabIndex} />
-      <PlatePatch />
     </div>
   );
 };