refac: mobile navbar

src/lib/components/chat/Navbar.svelte

@@ -165,6 +165,24 @@
 						</button>
 					</Tooltip>
 
+					{#if $mobile}
+						<Tooltip content={$i18n.t('New Chat')}>
+							<button
+								class=" flex {$showSidebar
+									? 'md:hidden'
+									: ''} cursor-pointer px-2 py-2 rounded-xl text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-850 transition"
+								on:click={() => {
+									initNewChat();
+								}}
+								aria-label="New Chat"
+							>
+								<div class=" m-auto self-center">
+									<PencilSquare className=" size-5" strokeWidth="2" />
+								</div>
+							</button>
+						</Tooltip>
+					{/if}
+
 					{#if $user !== undefined && $user !== null}
 						<UserMenu
 							className="max-w-[240px]"