added new page for media

src/components/MyActiveJobs/ActiveJobsMedia.jsx

@@ -8,6 +8,7 @@ import Layout from "../Partials/Layout";
 import LoadingSpinner from "../Spinners/LoadingSpinner";
 import ActiveJobMessageMedia from "./ActiveJobMessageMedia";
 import IndexJobActions from "./JobActions/IndexJobActions";
+import MediaLayout from "../Partials/MediaLayout";
 
 const VideoElement = lazy(() => import("../VideoCom/VideoElement"));
 
@@ -270,7 +271,7 @@ function ActiveJobsMedia(props) {
   },[props.details.contract, props.details.contract_uid])
 
   return (
-    <Layout>
+    <MediaLayout>
         <div className="py-[20px] bg-white dark:bg-black dark:text-white px-4 rounded-2xl shadow-md md:flex justify-between items-start gap-16">
             {/* job title */}
             <div className="w-full">
@@ -582,7 +583,7 @@ function ActiveJobsMedia(props) {
         />
       )}
       {/* END OF POPOUT SECTION */}
-    </Layout>
+    </MediaLayout>
   );
 }