fix mobile homepage header

ng-app/src/lib/FullLayout.svelte

@@ -70,7 +70,13 @@
       <slot />
     </main>
     <MobileBottomBar {activeUrl}>
-      <MobileBottomBarItem href="#/" icon={Home} on:click={scrollToTop} />
+      <MobileBottomBarItem href="#/" icon={Home} on:click={scrollToTop}>
+        <span
+          class="inline-flex justify-center items-center p-3 mt-1 -ml-2 w-3 h-3 text-sm font-medium text-primary-600 bg-primary-200 rounded-full dark:bg-primary-900 dark:text-primary-200"
+        >
+          13
+        </span>
+      </MobileBottomBarItem>
       <MobileBottomBarItem href="#/stream" icon={Bolt} on:click={scrollToTop} />
       <MobileBottomBarItem
         href="#/search"

ng-app/src/lib/Home.svelte

@@ -46,11 +46,11 @@
             <LogoGray class="w-7 h-7 tall:w-10 tall:h-10" />
           {/if}
           <span
-            class="ml-4 self-center text-base font-normal text-gray-900 rounded-lg dark:text-white whitespace-nowrap"
+            class="ml-4 self-center text-lg font-normal text-gray-900 rounded-lg dark:text-white whitespace-nowrap"
             >NextGraph</span
           >
         </a>
-        <div class="w-auto flex flex-col">
+        <div class="w-auto flex row">
           <a href="#/messages" class="row items-center" on:click>
             <PaperAirplane
               tabindex="-1"

ng-app/src/lib/MobileBottomBarItem.svelte

@@ -26,4 +26,5 @@
     class="w-7 h-7 text-black transition duration-75 dark:text-white group-hover:text-gray-900 dark:group-hover:text-white focus:outline-none"
     {icon}
   />
+  <slot />
 </a>