started redesign on dashbaord. changed vite basename to /Mobile, currently folkstone address

src/components/FrontCameraOverview/FrontCameraOverviewCard.tsx

@@ -1,16 +1,11 @@
 import clsx from "clsx";
 import Card from "../UI/Card";
-import CardHeader from "../UI/CardHeader";
-import { faCamera } from "@fortawesome/free-regular-svg-icons";
 import { useSwipeable } from "react-swipeable";
 import { useNavigate } from "react-router";
 import { useOverviewVideo } from "../../hooks/useOverviewVideo";
 import SightingOverview from "../SightingOverview/SightingOverview";
-import { useSightingFeedContext } from "../../context/SightingFeedContext";
 
-type CardProps = React.HTMLAttributes<HTMLDivElement>;
-
-const FrontCameraOverviewCard = ({ className }: CardProps) => {
+const FrontCameraOverviewCard = () => {
   useOverviewVideo();
   const navigate = useNavigate();
   const handlers = useSwipeable({
@@ -18,23 +13,15 @@ const FrontCameraOverviewCard = ({ className }: CardProps) => {
 
     trackMouse: true,
   });
-  const { mostRecent } = useSightingFeedContext();
 
   return (
     <Card
       className={clsx(
-        "relative min-h-[40vh] md:min-h-[60vh] h-auto",
-        className
+        "relative min-h-[40vh] md:min-h-[60vh] max-h-[80vh] lg:w-[70%] overflow-y-hidden"
       )}
     >
-      <div className="flex flex-col space-y-3 h-full" {...handlers}>
-        <CardHeader
-          title="Front Overview"
-          icon={faCamera}
-          sighting={mostRecent}
-        />
+      <div className="lg:overflow-hidden" {...handlers}>
         <SightingOverview />
-        {/* <SnapshotContainer side="TargetDetectionFront" /> */}
       </div>
     </Card>
   );