Solving formatting error

Author: Vinit1014

src/components/Sidebar.tsx

@@ -204,24 +204,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">
-                  {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'>
+              <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> */}
+                  />
+                </div>
+              )}
             </div>
           </Link>
         );