fix(#15): Fix several UI bugs

legalconsenthub/app/pages/application-forms/[id]/[sectionIndex].vue

@@ -7,14 +7,24 @@
         </template>
 
         <template #right>
-          <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>
         <UNavigationMenu :items="links" highlight class="-mx-1 flex-1" />
+        <USeparator orientation="vertical" class="h-8 mx-2" />
         <FormValidationIndicator :status="validationStatus" />
       </UDashboardToolbar>
     </template>
@@ -59,12 +69,12 @@ const applicationFormId = Array.isArray(route.params.id) ? route.params.id[0] :
 const {
   applicationForm,
   navigationLinks: links,
-  dropdownItems: items,
   updateApplicationForm
 } = await useApplicationFormNavigation(applicationFormId!)
 
 const { updateApplicationForm: updateForm, submitApplicationForm } = useApplicationForm()
 const { validateFormElements, getHighestComplianceStatus } = useApplicationFormValidator()
+const { canWriteApplicationForms } = usePermissions()
 const userStore = useUserStore()
 const { user } = storeToRefs(userStore)