fix(#15): Fix several UI bugs

legalconsenthub/app/pages/index.vue

@@ -29,15 +29,20 @@
             </UButton>
           </UTooltip>
 
-          <UDropdownMenu :items="items">
-            <UButton icon="i-lucide-plus" size="md" class="rounded-full" />
-          </UDropdownMenu>
+          <UButton
+            icon="i-lucide-circle-plus"
+            label="Neuer Mitbestimmungsantrag"
+            to="/create"
+            :disabled="!canWriteApplicationForms"
+            size="xl"
+            variant="outline"
+            color="neutral"
+            :ui="{
+              leadingIcon: 'text-primary'
+            }"
+          />
         </template>
       </UDashboardNavbar>
-
-      <UDashboardToolbar>
-        <template #left> toolbar left </template>
-      </UDashboardToolbar>
     </template>
 
     <template #body>
@@ -54,9 +59,7 @@
                 <h3 class="font-semibold text-lg text-highlighted truncate">
                   {{ applicationFormElem.name }}
                 </h3>
-                <p class="text-xs text-muted mt-1">
-                  #{{ index }}
-                </p>
+                <p class="text-xs text-muted mt-1">#{{ index }}</p>
               </div>
               <div class="flex items-center gap-2">
                 <UBadge
@@ -163,17 +166,6 @@ const selectedOrganizationId = computed({
 
 const { canWriteApplicationForms } = usePermissions()
 
-const items = computed(() => [
-  [
-    {
-      label: 'Neuer Mitbestimmungsantrag',
-      icon: 'i-lucide-send',
-      to: '/create',
-      disabled: !canWriteApplicationForms.value
-    }
-  ]
-])
-
 const applicationForms = computed({
   get: () => data?.value?.content ?? [],
   set: (val) => {