Get rid of unneeded element in MobileMenu

app/components/layout/MobileMenu.tsx

@@ -15,9 +15,6 @@ export function MobileMenu({
 
   return (
     <div className={clsx("layout__mobile-nav", { expanded })}>
-      <div className="layout__mobile-nav__top-action">
-        {/* <SearchInput /> */}
-      </div>
       <div className="layout__mobile-nav__links">
         {navItemsGrouped(Boolean(user?.plusTier)).map((navGroup) => (
           <Fragment key={navGroup.title}>

app/styles/layout.css

@@ -107,15 +107,6 @@
   bottom: 0;
 }
 
-.layout__mobile-nav__top-action {
-  display: grid;
-  padding-top: var(--s-12);
-  padding-bottom: var(--s-8);
-  background-color: var(--bg);
-  gap: var(--s-4);
-  place-items: center;
-}
-
 .layout__mobile-nav__link__icon {
   width: 2rem;
   height: 2rem;
@@ -130,6 +121,7 @@
   justify-content: center;
   grid-auto-columns: 1fr;
   grid-auto-rows: 4rem;
+  padding-block-start: 4.5rem;
 }
 
 .layout__mobile-nav__group-title {