From 55f341d57293ae5c9c375707935725691db907ed Mon Sep 17 00:00:00 2001
From: Vinit <vinits1014@gmail.com>
Date: Wed, 5 Feb 2025 00:00:25 +0530
Subject: [PATCH 1/3] Updated sidebar

---
 src/components/Sidebar.tsx | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 2ac87ec8e..eec9292eb 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -182,10 +182,11 @@ export function Sidebar({
                   : null
               }
             >
-              <AccordionTrigger className="rounded-md px-4 text-lg font-medium capitalize">
+              <AccordionTrigger className="rounded-md px-4 text-xl font-bold capitalize">
                 {content.title}
               </AccordionTrigger>
-              <AccordionContent className="flex flex-col gap-1 px-2 pb-2">
+
+              <AccordionContent className="flex flex-col text-lg gap-1 pb-2">
                 {renderContent(content.children)}
               </AccordionContent>
             </AccordionItem>
@@ -196,7 +197,7 @@ export function Sidebar({
           <Link
             key={content.id}
             href={navigateToContent(content.id) || '#'}
-            className={`flex w-full cursor-pointer items-center rounded-md p-4 tracking-tight hover:bg-primary/10 ${isActiveContent ? 'bg-primary/10' : ''}`}
+            className={`flex w-full text-md cursor-pointer items-center rounded-md p-4 tracking-tight hover:bg-primary/10 ${isActiveContent ? 'bg-primary/10' : ''}`}
             ref={
               isActiveContent
                 ? (activeItemRef as React.RefObject<HTMLAnchorElement>)
@@ -204,22 +205,22 @@ export function Sidebar({
             }
           >
             <div className="flex w-full items-center justify-between gap-2">
-              <div className="flex items-center gap-2">
-                <div className="flex gap-2">
+                <div className="flex gap-2 ">
                   {content.type === 'video' && <Check content={content} />}
                   {content.type === 'video' && <Play className="size-4" />}
                   {content.type === 'notion' && <File className="size-4" />}
                 </div>
-                <div> 
+                <div className='grow'> 
                   {content.title}
                 </div>
                 {content.type === 'video' && (
-                  <BookmarkButton
-                    bookmark={content.bookmark ?? null}
-                    contentId={content.id}
-                  />
+                  <div className='flex-none'>
+                    <BookmarkButton
+                      bookmark={content.bookmark ?? null}
+                      contentId={content.id}
+                    />
+                  </div>
                 )}
-              </div>
             </div>
           </Link>
         );
@@ -274,7 +275,7 @@ export function Sidebar({
             <Accordion
               type="multiple"
               defaultValue={currentActiveContentIds.map((num) => `item-${num}`)}
-              className="w-full px-4 pb-40 capitalize"
+              className="w-full px-2 pb-40 capitalize"
             >
               {memoizedContent}
             </Accordion>

From 6fe52c742693deadb0b469f599eaf6591fe0b84f Mon Sep 17 00:00:00 2001
From: Vinit <vinits1014@gmail.com>
Date: Wed, 5 Feb 2025 13:48:57 +0530
Subject: [PATCH 2/3] Modified sidebar

---
 src/components/Sidebar.tsx | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index eec9292eb..774df1d09 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -205,22 +205,22 @@ export function Sidebar({
             }
           >
             <div className="flex w-full items-center justify-between gap-2">
-                <div className="flex gap-2 ">
-                  {content.type === 'video' && <Check content={content} />}
-                  {content.type === 'video' && <Play className="size-4" />}
-                  {content.type === 'notion' && <File className="size-4" />}
-                </div>
-                <div className='grow'> 
-                  {content.title}
+              <div className="flex gap-2 ">
+                {content.type === 'video' && <Check content={content} />}
+                {content.type === 'video' && <Play className="size-4" />}
+                {content.type === 'notion' && <File className="size-4" />}
+              </div>
+              <div className='grow'> 
+                {content.title}
+              </div>
+              {content.type === 'video' && (
+                <div className='flex-none'>
+                  <BookmarkButton
+                    bookmark={content.bookmark ?? null}
+                    contentId={content.id}
+                  />
                 </div>
-                {content.type === 'video' && (
-                  <div className='flex-none'>
-                    <BookmarkButton
-                      bookmark={content.bookmark ?? null}
-                      contentId={content.id}
-                    />
-                  </div>
-                )}
+              )}
             </div>
           </Link>
         );

From b68861b39a46def18221dba27a3b5903f8702204 Mon Sep 17 00:00:00 2001
From: Vinit <vinits1014@gmail.com>
Date: Wed, 5 Feb 2025 23:33:57 +0530
Subject: [PATCH 3/3] Solving linting error

---
 src/components/Sidebar.tsx | 31 ++++++++++++++++---------------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 774df1d09..033f73e98 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -205,22 +205,22 @@ export function Sidebar({
             }
           >
             <div className="flex w-full items-center justify-between gap-2">
-              <div className="flex gap-2 ">
-                {content.type === 'video' && <Check content={content} />}
-                {content.type === 'video' && <Play className="size-4" />}
-                {content.type === 'notion' && <File className="size-4" />}
-              </div>
-              <div className='grow'> 
-                {content.title}
-              </div>
-              {content.type === 'video' && (
-                <div className='flex-none'>
-                  <BookmarkButton
-                    bookmark={content.bookmark ?? null}
-                    contentId={content.id}
-                  />
+                <div className="flex gap-2 ">
+                  {content.type === 'video' && <Check content={content} />}
+                  {content.type === 'video' && <Play className="size-4" />}
+                  {content.type === 'notion' && <File className="size-4" />}
+                </div>
+                <div className='grow'> 
+                  {content.title}
                 </div>
-              )}
+                {content.type === 'video' && (
+                  <div className='flex-none'>
+                    <BookmarkButton
+                      bookmark={content.bookmark ?? null}
+                      contentId={content.id}
+                    />
+                  </div>
+                )}
             </div>
           </Link>
         );
@@ -244,6 +244,7 @@ export function Sidebar({
         {sidebarOpen ? <X className="size-5" /> : <Menu className="size-5" />}
         <span>{sidebarOpen ? 'Hide Contents' : 'Show Contents'}</span>
       </Button>
+
       <AnimatePresence>
         {sidebarOpen && (
           <motion.div