better sidebar responsiveness

Took 8 minutes

src/app/layout.tsx

@@ -52,7 +52,7 @@ const RootLayout = ({
                 <div className="px-7 max-w-[90rem] mx-auto min-h-screen flex flex-col">
                     <Navbar />
                     <div className="pt-[4.5rem] w-full h-full flex flex-grow gap-5">
-                        <div className="hidden xs:flex">
+                        <div className="relative hidden xs:flex pr-40 sm:pr-52">
                             <Sidebar />
                         </div>
                         {children}

src/components/sidebar/sidebar.tsx

@@ -22,7 +22,7 @@ const Sidebar = (): ReactElement => (
         </div>
 
         {/* Desktop */}
-        <div className="hidden min-w-32 w-40 sm:w-52 py-3 xs:flex flex-col justify-between transition-all transform-gpu">
+        <div className="hidden fixed top-20 inset-y-0 min-w-32 w-40 sm:w-52 py-3 xs:flex flex-col justify-between transition-all transform-gpu">
             <SidebarContent />
         </div>
     </>