Does some code tidying

src/lib/components/BottomNav.svelte

@@ -10,7 +10,7 @@
   )
 </script>
 
-<div class="btm-nav btm-nav-sm bg-base-100 border-t border-base-300 fixed bottom-0 left-0 right-0 z-30">
+<nav class="btm-nav btm-nav-sm bg-base-100 border-t border-base-300 fixed bottom-0 left-0 right-0 z-30">
   <button class:active={isActive('/')} onclick={() => push('/')}>
     <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
@@ -29,4 +29,4 @@
       <span class="btm-nav-label text-xs">Scores</span>
     </button>
   {/if}
-</div>
+</nav>

src/lib/components/TopBar.svelte

@@ -15,7 +15,7 @@
   }
 </script>
 
-<div class="navbar bg-primary text-primary-content shadow-sm sticky top-0 z-30">
+<nav class="navbar bg-primary text-primary-content shadow-sm sticky top-0 z-30">
   <div class="navbar-start">
     <span class="text-lg font-bold tracking-tight">{title}</span>
   </div>
@@ -39,4 +39,4 @@
       </div>
     {/if}
   </div>
-</div>
+</nav>