add white option for sidebar hamburger

src/components/nav/Sidebar.tsx

@@ -3,10 +3,15 @@ import { api } from '@src/trpc/server';
 import NewSidebar from './Slide';
 
 // Keep in mind that in all routes we need pl-72 for the sidebar
-const Sidebar = async () => {
+const Sidebar = async ({ hamburger }: { hamburger?: 'white' | 'black' }) => {
   const userSidebarCapabilities =
     await api.userMetadata.getUserSidebarCapabilities();
-  return <NewSidebar userCapabilities={userSidebarCapabilities} />;
+  return (
+    <NewSidebar
+      userCapabilities={userSidebarCapabilities}
+      hamburger={hamburger ?? 'black'}
+    />
+  );
 };
 
 export default Sidebar;

src/components/nav/Slide.tsx

@@ -7,15 +7,17 @@ import NavMenu from './NavMenu';
 import { type personalCats } from '@src/constants/categories';
 const NewSidebar = ({
   userCapabilities,
+  hamburger,
 }: {
   userCapabilities: Array<(typeof personalCats)[number]>;
+  hamburger: 'white' | 'black';
 }) => {
   return (
     <Dialog.Root>
       <Dialog.Trigger asChild>
         <button className="text-black-500 px-3 py-1">
           <svg
-            className={' h-7 w-7 fill-black'}
+            className={` h-7 w-7 fill-${hamburger}`}
             viewBox="0 0 20 20"
             xmlns="http://www.w3.org/2000/svg"
           >