fixed few more

src/app/MainProvider.tsx

@@ -3,11 +3,10 @@ import React, { ReactNode } from 'react';
 import { Appbar } from '@/components/Appbar';
 import MainSidebar from '@/components/MainSidebar';
 import { mainSideBarToggle } from '@/store/atoms/mainSidebar';
-import { useRecoilState, useRecoilValue } from 'recoil';
+import { useRecoilState } from 'recoil';
 import { useSession } from 'next-auth/react';
 // import Topbar from '@/components/Topbar'
 
-
 export default function MainProvider({ children }: { children: ReactNode }) {
     const { data: session, status: sessionStatus } = useSession();
     const isLoading = sessionStatus === 'loading';
@@ -18,7 +17,6 @@ export default function MainProvider({ children }: { children: ReactNode }) {
             <div className='border-red-500 h-screen'>
                 {/* <div className="min-h-[calc(100vh-64px)]">{children}</div> */}
 
-
                 <div className='flex w-full h-full'>
                     {!isMainSideBarCompressed && (
                         <div
@@ -36,9 +34,7 @@ export default function MainProvider({ children }: { children: ReactNode }) {
                         </div>
                     </div>
                 </div>
-
-
             </div>
         </div>
-    )
+    );
 }

src/app/payout-methods/page.tsx

@@ -20,51 +20,51 @@ export default function Page() {
 
     const closeDialog = () => setIsDialogBoxOpen(false);
 
-    const [upiAddresses, setUpiAddresses] = useState<UpiId[] | undefined>([])
-    const [solanaAddresses, setSolanaAddresses] = useState<SolanaAddress[] | undefined>([])
+    const [upiAddresses, setUpiAddresses] = useState<UpiId[] | undefined>([]);
+    const [solanaAddresses, setSolanaAddresses] = useState<SolanaAddress[] | undefined>([]);
 
     const fetchPayoutMethods = async () => {
-        const result = await getPayoutMethods()
+        const result = await getPayoutMethods();
         if (result) {
-            setUpiAddresses(result.upiIds)
-            setSolanaAddresses(result.solanaAddresses)
+            setUpiAddresses(result.upiIds);
+            setSolanaAddresses(result.solanaAddresses);
         }
     }
 
     const { execute: executeDeleteUPI } = useAction(deleteUpiId, {
         onSuccess: () => {
-            toast.success("UPI Address deleted successfully")
+            toast.success("UPI Address deleted successfully");
         },
         onError: () => {
-            toast.error("Failed to delete UPI id")
+            toast.error("Failed to delete UPI id");
         }
     })
 
     const { execute: executeDeleteSolana } = useAction(deleteSolanaAddress, {
         onSuccess: () => {
-            toast.success("Solana Address deleted successfully")
+            toast.success("Solana Address deleted successfully");
         },
         onError: () => {
-            toast.error("Failed to delete Solana address")
+            toast.error("Failed to delete Solana address");
         }
     })
 
     const handleUpiDelete = (id: number) => {
-        executeDeleteUPI({ id: id })
-        fetchPayoutMethods()
+        executeDeleteUPI({ id: id });
+        fetchPayoutMethods();
     }
 
     const handleSolanaDelete = (id: number) => {
-        executeDeleteSolana({ id: id })
-        fetchPayoutMethods()
+        executeDeleteSolana({ id: id });
+        fetchPayoutMethods();
     }
 
     useEffect(() => {
-        fetchPayoutMethods()
+        fetchPayoutMethods();
     }, [])
 
     useEffect(() => {
-        fetchPayoutMethods()
+        fetchPayoutMethods();
     }, [isDialogBoxOpen])
 
     return (

src/components/Appbar.tsx

@@ -5,7 +5,7 @@ import { AppbarAuth } from './AppbarAuth';
 import { useSession } from 'next-auth/react';
 import { useRecoilState } from 'recoil';
 import { sidebarOpen as sidebarOpenAtom } from '../store/atoms/sidebar';
-import { ToggleButton } from './Sidebar';
+// import { ToggleButton } from './Sidebar';
 import { usePathname } from 'next/navigation';
 import Logo from './landing/logo/logo';
 import { Button } from './ui/button';
@@ -19,8 +19,8 @@ import { mainSideBarToggle } from '@/store/atoms/mainSidebar';
 
 export const Appbar = () => {
   const { data: session, status: sessionStatus } = useSession();
-  const [sidebarOpen, setSidebarOpen] = useRecoilState(sidebarOpenAtom);
-  const currentPath = usePathname();
+  // const [sidebarOpen, setSidebarOpen] = useRecoilState(sidebarOpenAtom);
+  // const currentPath = usePathname();
 
   const [isMainSideBarCompressed, setIsMainSideBarCompressed] = useRecoilState(mainSideBarToggle);
 

src/components/CircularProgressBar.tsx

@@ -19,12 +19,12 @@ const chartConfig = {
 
 export function CircularProgressBar({ percentage = 91 }) {
   // Ensure percentage is between 0 and 100
-  const safePercentage = Math.min(Math.max(percentage, 0), 100)
-  const endAngle = (safePercentage / 100) * 450
+  const safePercentage = Math.min(Math.max(percentage, 0), 100);
+  const endAngle = (safePercentage / 100) * 450;
 
   const chartData = [
     { percentage: safePercentage, fill: "#fff" },
-  ]
+  ];
 
   return (
     <div className="flex flex-col items-center">
@@ -79,13 +79,13 @@ export function CircularProgressBar({ percentage = 91 }) {
                         {`${safePercentage}%`}
                       </tspan>
                     </text>
-                  )
+                  );
                 }
               }}
             />
           </PolarRadiusAxis>
         </RadialBarChart>
       </ChartContainer>
     </div>
-  )
+  );
 }

src/components/CourseCard.tsx

@@ -1,6 +1,6 @@
 'use client';
 import { Course } from '@/store/atoms';
-import PercentageComplete from './PercentageComplete';
+// import PercentageComplete from './PercentageComplete';
 import { SecondaryButton } from './buttons/SecondaryButton';
 import { useRouter } from 'next/navigation';
 import Link from 'next/link';
@@ -34,7 +34,7 @@ export const CourseCard = ({
       return 0;
     }
     return Math.ceil((course.totalVideosWatched / course.totalVideos) * 100);
-  }
+  };
 
   return (
     <div
@@ -63,7 +63,6 @@ export const CourseCard = ({
           <div className="font-semibold flex-1 text-xl">{course.title} Cohort</div>
         </div>
 
-
         <div className='mb-4 flex flex-col gap-2'>
           <p className='text-[#94A3B8] text-sm flex items-center justify-end'>{generateProgressPercentage()}%</p>
           <Progress className='h-[0.5rem]' value={generateProgressPercentage()} />

src/components/CourseView.tsx

@@ -6,7 +6,7 @@ import { getFolderPercentCompleted } from '@/lib/utils';
 import Comments from './comment/Comments';
 import { QueryParams } from '@/actions/types';
 import BreadCrumbComponent from './BreadCrumbComponent';
-import { usePathname } from 'next/navigation';
+// import { usePathname } from 'next/navigation';
 import SidebarToggle from './SidebarToggle';
 
 export const CourseView = ({

src/components/FolderView.tsx

@@ -44,7 +44,6 @@ export const FolderView = ({
   const sidebarOpen = useRecoilValue(sidebarOpenAtom);
   const isMainSideBarCompressed = useRecoilValue(mainSideBarToggle);
 
-
   return (
     <div>
       <div></div>

src/components/MainSidebar.tsx

@@ -21,9 +21,9 @@ export default function MainSidebar() {
         general: null,
         others: null
     });
-    const router = useRouter();
+    // const router = useRouter();
     const session = useSession();
-    const user = session?.data?.user;
+    // const user = session?.data?.user;
 
     const [isMainSideBarCompressed, setIsMainSideBarCompressed] = useRecoilState(mainSideBarToggle);
 
@@ -88,7 +88,7 @@ export default function MainSidebar() {
                 href: "/logout",
             },
         ]
-    }
+    };
 
     const ToggleIcon = isMainSideBarCompressed ? PanelLeftOpen : PanelRightOpen;
 
@@ -122,7 +122,7 @@ export default function MainSidebar() {
                                             </TooltipContent>
                                         </Tooltip>
                                     </TooltipProvider>
-                                )
+                                );
                             }
                             )
                         }
@@ -148,7 +148,7 @@ ${isMainSideBarCompressed ? 'w-0 opacity-0' : 'w-auto opacity-100'}`}>{x.name}</
                                                 </TooltipContent>
                                             </Tooltip>
                                         </TooltipProvider>
-                                    )
+                                    );
                                 }
                                 return (
                                     <>
@@ -169,14 +169,12 @@ ${isMainSideBarCompressed ? 'w-0 opacity-0' : 'w-auto opacity-100'}`}>{x.name}</
                                             </Tooltip>
                                         </TooltipProvider>
                                     </>
-                                )
+                                );
                             })}
                         </div>
                     </div>
-
-
                 </div>
             </div>
         </div>
-    )
+    );
 }

src/components/Sidebar.tsx

@@ -1,14 +1,14 @@
 'use client';
-import { usePathname, useRouter } from 'next/navigation';
+import { usePathname } from 'next/navigation';
 import {
   Accordion,
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
 } from '@/components/ui/accordion';
 import { FullCourseContent } from '@/db/course';
-import { Button } from './ui/button';
-import { BackArrow } from '@/icons/BackArrow';
+// import { Button } from './ui/button';
+// import { BackArrow } from '@/icons/BackArrow';
 import { useRecoilState } from 'recoil';
 import { sidebarOpen as sidebarOpenAtom } from '@/store/atoms/sidebar';
 import { useEffect, useState } from 'react';
@@ -26,7 +26,7 @@ export function Sidebar({
 }) {
   const pathName = usePathname();
 
-  const [isSmallerScreen, setIsSmallerScreen] = useState<boolean>(false)
+  const [isSmallerScreen, setIsSmallerScreen] = useState<boolean>(false);
 
   const [sidebarOpen, setSidebarOpen] = useRecoilState(sidebarOpenAtom);
   const [currentActiveContentIds, setCurrentActiveContentIds] = useState<

src/components/SidebarToggle.tsx

@@ -34,5 +34,5 @@ export default function SidebarToggle() {
                 </Button>
             )}
         </div>
-    )
+    );
 }

src/components/profile-menu/ProfileDropdown.tsx

@@ -2,11 +2,11 @@
 
 import Link from 'next/link';
 import {
-  BookmarkIcon,
-  HistoryIcon,
-  LogOutIcon,
+  // BookmarkIcon,
+  // HistoryIcon,
+  // LogOutIcon,
   User2Icon,
-  Bird,
+  // Bird,
   CreditCard
 } from 'lucide-react';
 import {
@@ -18,8 +18,8 @@ import {
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
 import ExternalLinks from './ExternalLinks';
-import { signOut } from 'next-auth/react';
-import { SelectTheme } from './SelectTheme';
+// import { signOut } from 'next-auth/react';
+// import { SelectTheme } from './SelectTheme';
 
 const ProfileDropdown = () => {
   const menuItemLinks = [