Add logo

app/components/header/Header.tsx

@@ -18,9 +18,7 @@ export function Header() {
       <div className="flex items-center gap-2 z-logo text-bolt-elements-textPrimary cursor-pointer">
         <div className="i-ph:sidebar-simple-duotone text-xl" />
         <a href="/" className="text-2xl font-semibold text-accent flex items-center">
-          {/* <span className="i-bolt:logo-text?mask w-[46px] inline-block" /> */}
-          <img src="/logo-light-styled.png" alt="logo" className="w-[90px] inline-block dark:hidden" />
-          <img src="/logo-dark-styled.png" alt="logo" className="w-[90px] inline-block hidden dark:block" />
+          <img src="/logo-styled.svg" alt="logo" className="w-[45px] inline-block rotate-90" />
         </a>
       </div>
       {chat.started && ( // Display ChatDescription and HeaderActionButtons only when the chat has started.

app/components/sidebar/Menu.client.tsx

@@ -128,7 +128,7 @@ export const Menu = () => {
       variants={menuVariants}
       className="flex selection-accent flex-col side-menu fixed top-0 w-[350px] h-full bg-bolt-elements-background-depth-2 border-r rounded-r-3xl border-bolt-elements-borderColor z-sidebar shadow-xl shadow-bolt-elements-sidebar-dropdownShadow text-sm"
     >
-      <div className="h-[45px]" /> {/* Spacer for top margin */}
+      <div className="h-[55px]" /> {/* Spacer for top margin */}
       <div className="flex-1 flex flex-col h-full w-full overflow-hidden">
         <div className="flex gap-2 px-2 mb-0 ml-2.5">
           <a
@@ -224,7 +224,6 @@ export const Menu = () => {
         </div>
       </div>
       <SettingsWindow open={isSettingsOpen} onClose={() => setIsSettingsOpen(false)} />
-      <SaveProblem />
     </motion.div>
   );
 };