From d343ba57aa86197a7e1d24a3fe28995f7307de6f Mon Sep 17 00:00:00 2001
From: bilalmirza74 <mirzamunawaralibaig4@gmail.com>
Date: Sun, 13 Oct 2024 20:22:55 +0530
Subject: [PATCH 1/3] Added Curser Pointer to Dark-Mode button

---
 apps/frontend/src/components/layout/layout.settings.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/frontend/src/components/layout/layout.settings.tsx b/apps/frontend/src/components/layout/layout.settings.tsx
index 500befb7..cd0b2809 100644
--- a/apps/frontend/src/components/layout/layout.settings.tsx
+++ b/apps/frontend/src/components/layout/layout.settings.tsx
@@ -132,7 +132,7 @@ export const LayoutSettings = ({ children }: { children: ReactNode }) => {
                 ) : (
                   <div />
                 )}
-                <div className="flex items-center gap-[8px]">
+                <div className="flex items-center gap-[8px] cursor-pointer">
                   <ModeComponent />
                   <SettingsComponent />
                   <NotificationComponent />

From 12f0c448a787906e4da41a1b79fd9b49803fe350 Mon Sep 17 00:00:00 2001
From: bilalmirza74 <mirzamunawaralibaig4@gmail.com>
Date: Sun, 13 Oct 2024 20:23:53 +0530
Subject: [PATCH 2/3] Fix overflow of Media Library

---
 apps/frontend/src/components/media/media.component.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/src/components/media/media.component.tsx b/apps/frontend/src/components/media/media.component.tsx
index 1b3fcb74..d9393e58 100644
--- a/apps/frontend/src/components/media/media.component.tsx
+++ b/apps/frontend/src/components/media/media.component.tsx
@@ -93,9 +93,9 @@ export const MediaBox: FC<{
   }, [data]);
 
   return (
-    <div className="fixed left-0 top-0 bg-primary/80 z-[300] w-full min-h-full p-[60px] animate-fade">
-      <div className="w-full h-full bg-sixth border-tableBorder border-2 rounded-xl pb-[20px] px-[20px] relative">
-        <div className="flex">
+    <div className="fixed left-0 top-0 bg-primary/80 z-[300] w-full min-h-full p-4 md:p-[60px] animate-fade">
+      <div className="max-w-[1000px] w-full h-full bg-sixth border-tableBorder border-2 rounded-xl pb-[20px] px-[20px] relative mx-auto">
+        <div className="flex flex-col">
           <div className="flex-1">
             <TopTitle title="Media Library" />
           </div>

From ca2ec515c58dd200ae26afcff77161f2de41df0c Mon Sep 17 00:00:00 2001
From: bilalmirza74 <mirzamunawaralibaig4@gmail.com>
Date: Mon, 14 Oct 2024 19:46:04 +0530
Subject: [PATCH 3/3] Fix: overflow of Media Library and cursor-pointer on
 launches page

---
 apps/frontend/src/components/launches/filters.tsx       | 4 ++--
 apps/frontend/src/components/layout/layout.settings.tsx | 6 +++---
 apps/frontend/src/components/layout/mode.component.tsx  | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/frontend/src/components/launches/filters.tsx b/apps/frontend/src/components/launches/filters.tsx
index 5dcc29a8..f87cea68 100644
--- a/apps/frontend/src/components/launches/filters.tsx
+++ b/apps/frontend/src/components/launches/filters.tsx
@@ -146,7 +146,7 @@ export const Filters = () => {
   ]);
   return (
     <div className="text-textColor flex gap-[8px] items-center select-none">
-      <div onClick={previous}>
+      <div onClick={previous} className="cursor-pointer">
         <svg
           xmlns="http://www.w3.org/2000/svg"
           width="20"
@@ -171,7 +171,7 @@ export const Filters = () => {
           ? `Week ${week.currentWeek}`
           : `${dayjs().month(week.currentMonth).format('MMMM')}`}
       </div>
-      <div onClick={next}>
+      <div onClick={next} className="cursor-pointer">
         <svg
           xmlns="http://www.w3.org/2000/svg"
           width="20"
diff --git a/apps/frontend/src/components/layout/layout.settings.tsx b/apps/frontend/src/components/layout/layout.settings.tsx
index cd0b2809..70ec7930 100644
--- a/apps/frontend/src/components/layout/layout.settings.tsx
+++ b/apps/frontend/src/components/layout/layout.settings.tsx
@@ -44,8 +44,8 @@ dayjs.extend(isBetween);
 
 export const LayoutSettings = ({ children }: { children: ReactNode }) => {
   const fetch = useFetch();
-  const {isGeneral} = useVariables();
-  const {backendUrl, billingEnabled} = useVariables();
+  const { isGeneral } = useVariables();
+  const { backendUrl, billingEnabled } = useVariables();
   const load = useCallback(async (path: string) => {
     return await (await fetch(path)).json();
   }, []);
@@ -132,7 +132,7 @@ export const LayoutSettings = ({ children }: { children: ReactNode }) => {
                 ) : (
                   <div />
                 )}
-                <div className="flex items-center gap-[8px] cursor-pointer">
+                <div className="flex items-center gap-[8px]">
                   <ModeComponent />
                   <SettingsComponent />
                   <NotificationComponent />
diff --git a/apps/frontend/src/components/layout/mode.component.tsx b/apps/frontend/src/components/layout/mode.component.tsx
index fac44716..68240055 100644
--- a/apps/frontend/src/components/layout/mode.component.tsx
+++ b/apps/frontend/src/components/layout/mode.component.tsx
@@ -15,7 +15,7 @@ const ModeComponent = () => {
   }, [mode]);
 
   return (
-    <div onClick={changeMode} className="select-none">
+    <div onClick={changeMode} className="select-none cursor-pointer">
       {mode === 'dark' ? (
         <svg
           xmlns="http://www.w3.org/2000/svg"