Touch up app-bar (#1901)

* Touch up app-bar

* Remove rounding and adjust padding accordingly

* Increase icon size to match taller app-bar

Author: myieye

frontend/viewer/src/home/AppBar.svelte

@@ -15,7 +15,7 @@
   });
 </script>
 <header
-  class="flex items-center z-50 space-x-2 justify-between pr-1 md:pr-3 pl-3 min-h-12 shadow-lg m-3 mb-0 rounded sticky top-3">
+  class="flex items-center z-50 space-x-2 justify-between pr-2 px-4 min-h-14 shadow-lg m-3 rounded sticky top-3">
   {@render title()}
   <div class="grow-0"></div>
   {@render actions()}

frontend/viewer/src/home/HomeView.svelte

@@ -131,7 +131,7 @@
 <AppBar tabTitle={$t`Dictionaries`}>
   {#snippet title()}
     <div class="text-lg flex gap-2 items-center">
-      <Icon onclick={clickIcon} src={mode.current === 'dark' ? logoLight : logoDark} alt={$t`Lexbox logo`}/>
+      <Icon onclick={clickIcon} src={mode.current === 'dark' ? logoLight : logoDark} class="size-8" alt={$t`Lexbox logo`}/>
       <h3>{$t`Dictionaries`}</h3>
     </div>
   {/snippet}