bug fixes, half-finished admin ui, and a more

ui/components/FileNav.vue

@@ -3,7 +3,10 @@ import { useUser } from '~/composables/useUser'
 const { getUser } = useUser()
 
 const props = defineProps({
-    usageBytes: Number,
+    usageBytes: {
+        type: Number,
+        required: true,
+    }
 })
 
 const user = await getUser()
@@ -47,7 +50,7 @@ const isInFolder = computed(() => route.path.startsWith('/home/') && route.path
             <ul class="flex flex-col gap-y-2">
                 <li>
                     <NuxtLink to="/home"
-                        class="flex py-1.5 px-4 rounded-lg transition-bg duration-300 hover:bg-muted/10 focus:outline-none focus:ring focus:ring-inset"
+                        class="flex py-1.5 px-4 rounded-lg transition-bg duration-300 hover:bg-muted/10 focus-visible:outline-none focus-visible:ring focus-visible:ring-inset"
                         :class="{ 'bg-muted/10': isAllFilesActive }">
                         <div class="flex relative">
                             <svg class="m-0.5 mr-2" xmlns="http://www.w3.org/2000/svg" width="20" height="20"