diff --git a/biome.json b/biome.json
index 0af1521..430d7ec 100644
--- a/biome.json
+++ b/biome.json
@@ -7,7 +7,7 @@
   },
   "files": {
     "ignoreUnknown": true,
-    "includes": ["**/*.ts", "**/*.vue"]
+    "includes": ["**/*.ts", "**/*.vue", "!**/*.d.ts"]
   },
   "formatter": {
     "enabled": true,
diff --git a/frontend/.biomelintrc-auto-import.json b/frontend/.biomelintrc-auto-import.json
index 86140a5..39353d3 100644
--- a/frontend/.biomelintrc-auto-import.json
+++ b/frontend/.biomelintrc-auto-import.json
@@ -31,21 +31,6 @@
       "DropTargetType",
       "DropValidation",
       "DropZoneConfig",
-      "DropdownMenu",
-      "DropdownMenuCheckboxItem",
-      "DropdownMenuContent",
-      "DropdownMenuGroup",
-      "DropdownMenuItem",
-      "DropdownMenuLabel",
-      "DropdownMenuPortal",
-      "DropdownMenuRadioGroup",
-      "DropdownMenuRadioItem",
-      "DropdownMenuSeparator",
-      "DropdownMenuShortcut",
-      "DropdownMenuSub",
-      "DropdownMenuSubContent",
-      "DropdownMenuSubTrigger",
-      "DropdownMenuTrigger",
       "EffectScope",
       "ExtendedError",
       "ExtendedErrorCode",
@@ -54,12 +39,10 @@
       "ExtractPublicPropTypes",
       "FileRemoveEvent",
       "FileSelectEvent",
-      "FileUploadUploaderEvent",
       "FrontendErrorCode",
       "InjectionKey",
       "Input",
       "ItemSchema",
-      "Label",
       "MaybeRef",
       "MaybeRefOrGetter",
       "MenuItem",
diff --git a/frontend/auto-imports.d.ts b/frontend/auto-imports.d.ts
index 043c0e4..ef6c2d0 100644
--- a/frontend/auto-imports.d.ts
+++ b/frontend/auto-imports.d.ts
@@ -16,26 +16,8 @@ declare global {
   const BreadcrumbPage: typeof import('./src/components/ui/breadcrumb/index')['BreadcrumbPage']
   const BreadcrumbSeparator: typeof import('./src/components/ui/breadcrumb/index')['BreadcrumbSeparator']
   const Button: typeof import('./src/components/ui/button/index')['Button']
-  const DropdownMenu: typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenu']
-  const DropdownMenuCheckboxItem: typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuCheckboxItem']
-  const DropdownMenuContent: typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuContent']
-  const DropdownMenuGroup: typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuGroup']
-  const DropdownMenuItem: typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuItem']
-  const DropdownMenuLabel: typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuLabel']
-  const DropdownMenuPortal: typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuPortal']
-  const DropdownMenuRadioGroup: typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuRadioGroup']
-  const DropdownMenuRadioItem: typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuRadioItem']
-  const DropdownMenuSeparator: typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuSeparator']
-  const DropdownMenuShortcut: typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuShortcut']
-  const DropdownMenuSub: typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuSub']
-  const DropdownMenuSubContent: typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuSubContent']
-  const DropdownMenuSubTrigger: typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuSubTrigger']
-  const DropdownMenuTrigger: typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuTrigger']
   const EffectScope: typeof import('vue')['EffectScope']
   const Input: typeof import('./src/components/ui/input/index')['Input']
-  const Label: typeof import('./src/components/ui/label/index')['Label']
-  const MenuItem: typeof import('primevue/menuitem')['MenuItem']
-  const RefreshCcw: typeof import('lucide-vue-next')['RefreshCcw']
   const SIDEBAR_COOKIE_MAX_AGE: typeof import('./src/components/ui/sidebar/utils')['SIDEBAR_COOKIE_MAX_AGE']
   const SIDEBAR_COOKIE_NAME: typeof import('./src/components/ui/sidebar/utils')['SIDEBAR_COOKIE_NAME']
   const SIDEBAR_KEYBOARD_SHORTCUT: typeof import('./src/components/ui/sidebar/utils')['SIDEBAR_KEYBOARD_SHORTCUT']
@@ -431,9 +413,6 @@ declare global {
   export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, ShallowRef, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
   import('vue')
   // @ts-ignore
-  export type { FileUploadUploaderEvent } from 'primevue/fileupload'
-  import('primevue/fileupload')
-  // @ts-ignore
   export type { MenuItem } from 'primevue/menuitem'
   import('primevue/menuitem')
   // @ts-ignore
@@ -501,24 +480,8 @@ declare module 'vue' {
     readonly BreadcrumbPage: UnwrapRef<typeof import('./src/components/ui/breadcrumb/index')['BreadcrumbPage']>
     readonly BreadcrumbSeparator: UnwrapRef<typeof import('./src/components/ui/breadcrumb/index')['BreadcrumbSeparator']>
     readonly Button: UnwrapRef<typeof import('./src/components/ui/button/index')['Button']>
-    readonly DropdownMenu: UnwrapRef<typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenu']>
-    readonly DropdownMenuCheckboxItem: UnwrapRef<typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuCheckboxItem']>
-    readonly DropdownMenuContent: UnwrapRef<typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuContent']>
-    readonly DropdownMenuGroup: UnwrapRef<typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuGroup']>
-    readonly DropdownMenuItem: UnwrapRef<typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuItem']>
-    readonly DropdownMenuLabel: UnwrapRef<typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuLabel']>
-    readonly DropdownMenuPortal: UnwrapRef<typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuPortal']>
-    readonly DropdownMenuRadioGroup: UnwrapRef<typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuRadioGroup']>
-    readonly DropdownMenuRadioItem: UnwrapRef<typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuRadioItem']>
-    readonly DropdownMenuSeparator: UnwrapRef<typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuSeparator']>
-    readonly DropdownMenuShortcut: UnwrapRef<typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuShortcut']>
-    readonly DropdownMenuSub: UnwrapRef<typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuSub']>
-    readonly DropdownMenuSubContent: UnwrapRef<typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuSubContent']>
-    readonly DropdownMenuSubTrigger: UnwrapRef<typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuSubTrigger']>
-    readonly DropdownMenuTrigger: UnwrapRef<typeof import('./src/components/ui/dropdown-menu/index')['DropdownMenuTrigger']>
     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
     readonly Input: UnwrapRef<typeof import('./src/components/ui/input/index')['Input']>
-    readonly Label: UnwrapRef<typeof import('./src/components/ui/label/index')['Label']>
     readonly SIDEBAR_COOKIE_MAX_AGE: UnwrapRef<typeof import('./src/components/ui/sidebar/utils')['SIDEBAR_COOKIE_MAX_AGE']>
     readonly SIDEBAR_COOKIE_NAME: UnwrapRef<typeof import('./src/components/ui/sidebar/utils')['SIDEBAR_COOKIE_NAME']>
     readonly SIDEBAR_KEYBOARD_SHORTCUT: UnwrapRef<typeof import('./src/components/ui/sidebar/utils')['SIDEBAR_KEYBOARD_SHORTCUT']>
diff --git a/frontend/components.d.ts b/frontend/components.d.ts
index 4e5d380..8e25c8b 100644
--- a/frontend/components.d.ts
+++ b/frontend/components.d.ts
@@ -32,27 +32,10 @@ declare module 'vue' {
     DataTabPanel: typeof import('./src/features/data-processing/components/DataTabPanel.vue')['default']
     DefaultLayout: typeof import('./src/core/layouts/DefaultLayout.vue')['default']
     Dialog: typeof import('primevue/dialog')['default']
-    Divider: typeof import('primevue/divider')['default']
-    DropdownMenu: typeof import('./src/components/ui/dropdown-menu/DropdownMenu.vue')['default']
-    DropdownMenuCheckboxItem: typeof import('./src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue')['default']
-    DropdownMenuContent: typeof import('./src/components/ui/dropdown-menu/DropdownMenuContent.vue')['default']
-    DropdownMenuGroup: typeof import('./src/components/ui/dropdown-menu/DropdownMenuGroup.vue')['default']
-    DropdownMenuItem: typeof import('./src/components/ui/dropdown-menu/DropdownMenuItem.vue')['default']
-    DropdownMenuLabel: typeof import('./src/components/ui/dropdown-menu/DropdownMenuLabel.vue')['default']
-    DropdownMenuRadioGroup: typeof import('./src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue')['default']
-    DropdownMenuRadioItem: typeof import('./src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue')['default']
-    DropdownMenuSeparator: typeof import('./src/components/ui/dropdown-menu/DropdownMenuSeparator.vue')['default']
-    DropdownMenuShortcut: typeof import('./src/components/ui/dropdown-menu/DropdownMenuShortcut.vue')['default']
-    DropdownMenuSub: typeof import('./src/components/ui/dropdown-menu/DropdownMenuSub.vue')['default']
-    DropdownMenuSubContent: typeof import('./src/components/ui/dropdown-menu/DropdownMenuSubContent.vue')['default']
-    DropdownMenuSubTrigger: typeof import('./src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue')['default']
-    DropdownMenuTrigger: typeof import('./src/components/ui/dropdown-menu/DropdownMenuTrigger.vue')['default']
     DropZone: typeof import('./src/features/wikibase-schema/components/DropZone.vue')['default']
-    FileUpload: typeof import('primevue/fileupload')['default']
     Header: typeof import('./src/shared/components/Header.vue')['default']
     Input: typeof import('./src/components/ui/input/Input.vue')['default']
     InputText: typeof import('primevue/inputtext')['default']
-    Label: typeof import('./src/components/ui/label/Label.vue')['default']
     MainContent: typeof import('./src/shared/components/MainContent.vue')['default']
     OpenProject: typeof import('./src/features/project-management/pages/OpenProject.vue')['default']
     Paginator: typeof import('primevue/paginator')['default']
diff --git a/frontend/src/components/ui/dropdown-menu/DropdownMenu.vue b/frontend/src/components/ui/dropdown-menu/DropdownMenu.vue
deleted file mode 100644
index c46a282..0000000
--- a/frontend/src/components/ui/dropdown-menu/DropdownMenu.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<script setup lang="ts">
-import type { DropdownMenuRootEmits, DropdownMenuRootProps } from 'reka-ui'
-import { DropdownMenuRoot, useForwardPropsEmits } from 'reka-ui'
-
-const props = defineProps<DropdownMenuRootProps>()
-const emits = defineEmits<DropdownMenuRootEmits>()
-
-const forwarded = useForwardPropsEmits(props, emits)
-</script>
-
-<template>
-  <DropdownMenuRoot
-    data-slot="dropdown-menu"
-    v-bind="forwarded"
-  >
-    <slot />
-  </DropdownMenuRoot>
-</template>
diff --git a/frontend/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue b/frontend/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
deleted file mode 100644
index d403529..0000000
--- a/frontend/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<script setup lang="ts">
-import { cn } from '@frontend/lib/utils'
-import { reactiveOmit } from '@vueuse/core'
-import { Check } from 'lucide-vue-next'
-import type { DropdownMenuCheckboxItemEmits, DropdownMenuCheckboxItemProps } from 'reka-ui'
-import { DropdownMenuCheckboxItem, DropdownMenuItemIndicator, useForwardPropsEmits } from 'reka-ui'
-import type { HTMLAttributes } from 'vue'
-
-const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
-const emits = defineEmits<DropdownMenuCheckboxItemEmits>()
-
-const delegatedProps = reactiveOmit(props, 'class')
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <DropdownMenuCheckboxItem
-    data-slot="dropdown-menu-checkbox-item"
-    v-bind="forwarded"
-    :class=" cn(
-      'focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
-      props.class,
-    )"
-  >
-    <span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-      <DropdownMenuItemIndicator>
-        <Check class="size-4" />
-      </DropdownMenuItemIndicator>
-    </span>
-    <slot />
-  </DropdownMenuCheckboxItem>
-</template>
diff --git a/frontend/src/components/ui/dropdown-menu/DropdownMenuContent.vue b/frontend/src/components/ui/dropdown-menu/DropdownMenuContent.vue
deleted file mode 100644
index f62795a..0000000
--- a/frontend/src/components/ui/dropdown-menu/DropdownMenuContent.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<script setup lang="ts">
-import { cn } from '@frontend/lib/utils'
-import { reactiveOmit } from '@vueuse/core'
-import type { DropdownMenuContentEmits, DropdownMenuContentProps } from 'reka-ui'
-import { DropdownMenuContent, DropdownMenuPortal, useForwardPropsEmits } from 'reka-ui'
-import type { HTMLAttributes } from 'vue'
-
-const props = withDefaults(
-  defineProps<DropdownMenuContentProps & { class?: HTMLAttributes['class'] }>(),
-  {
-    sideOffset: 4,
-  },
-)
-const emits = defineEmits<DropdownMenuContentEmits>()
-
-const delegatedProps = reactiveOmit(props, 'class')
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <DropdownMenuPortal>
-    <DropdownMenuContent
-      data-slot="dropdown-menu-content"
-      v-bind="forwarded"
-      :class="cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--reka-dropdown-menu-content-available-height) min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md', props.class)"
-    >
-      <slot />
-    </DropdownMenuContent>
-  </DropdownMenuPortal>
-</template>
diff --git a/frontend/src/components/ui/dropdown-menu/DropdownMenuGroup.vue b/frontend/src/components/ui/dropdown-menu/DropdownMenuGroup.vue
deleted file mode 100644
index ab71e1a..0000000
--- a/frontend/src/components/ui/dropdown-menu/DropdownMenuGroup.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script setup lang="ts">
-import type { DropdownMenuGroupProps } from 'reka-ui'
-import { DropdownMenuGroup } from 'reka-ui'
-
-const props = defineProps<DropdownMenuGroupProps>()
-</script>
-
-<template>
-  <DropdownMenuGroup
-    data-slot="dropdown-menu-group"
-    v-bind="props"
-  >
-    <slot />
-  </DropdownMenuGroup>
-</template>
diff --git a/frontend/src/components/ui/dropdown-menu/DropdownMenuItem.vue b/frontend/src/components/ui/dropdown-menu/DropdownMenuItem.vue
deleted file mode 100644
index 6c8109c..0000000
--- a/frontend/src/components/ui/dropdown-menu/DropdownMenuItem.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<script setup lang="ts">
-import { cn } from '@frontend/lib/utils'
-import { reactiveOmit } from '@vueuse/core'
-import type { DropdownMenuItemProps } from 'reka-ui'
-import { DropdownMenuItem, useForwardProps } from 'reka-ui'
-import type { HTMLAttributes } from 'vue'
-
-const props = withDefaults(
-  defineProps<
-    DropdownMenuItemProps & {
-      class?: HTMLAttributes['class']
-      inset?: boolean
-      variant?: 'default' | 'destructive'
-    }
-  >(),
-  {
-    variant: 'default',
-  },
-)
-
-const delegatedProps = reactiveOmit(props, 'inset', 'variant', 'class')
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <DropdownMenuItem
-    data-slot="dropdown-menu-item"
-    :data-inset="inset ? '' : undefined"
-    :data-variant="variant"
-    v-bind="forwardedProps"
-    :class="cn('focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4', props.class)"
-  >
-    <slot />
-  </DropdownMenuItem>
-</template>
diff --git a/frontend/src/components/ui/dropdown-menu/DropdownMenuLabel.vue b/frontend/src/components/ui/dropdown-menu/DropdownMenuLabel.vue
deleted file mode 100644
index 8422029..0000000
--- a/frontend/src/components/ui/dropdown-menu/DropdownMenuLabel.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<script setup lang="ts">
-import { cn } from '@frontend/lib/utils'
-import { reactiveOmit } from '@vueuse/core'
-import type { DropdownMenuLabelProps } from 'reka-ui'
-import { DropdownMenuLabel, useForwardProps } from 'reka-ui'
-import type { HTMLAttributes } from 'vue'
-
-const props = defineProps<
-  DropdownMenuLabelProps & { class?: HTMLAttributes['class']; inset?: boolean }
->()
-
-const delegatedProps = reactiveOmit(props, 'class', 'inset')
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <DropdownMenuLabel
-    data-slot="dropdown-menu-label"
-    :data-inset="inset ? '' : undefined"
-    v-bind="forwardedProps"
-    :class="cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', props.class)"
-  >
-    <slot />
-  </DropdownMenuLabel>
-</template>
diff --git a/frontend/src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue b/frontend/src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
deleted file mode 100644
index 49209eb..0000000
--- a/frontend/src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<script setup lang="ts">
-import type { DropdownMenuRadioGroupEmits, DropdownMenuRadioGroupProps } from 'reka-ui'
-import { DropdownMenuRadioGroup, useForwardPropsEmits } from 'reka-ui'
-
-const props = defineProps<DropdownMenuRadioGroupProps>()
-const emits = defineEmits<DropdownMenuRadioGroupEmits>()
-
-const forwarded = useForwardPropsEmits(props, emits)
-</script>
-
-<template>
-  <DropdownMenuRadioGroup
-    data-slot="dropdown-menu-radio-group"
-    v-bind="forwarded"
-  >
-    <slot />
-  </DropdownMenuRadioGroup>
-</template>
diff --git a/frontend/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue b/frontend/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
deleted file mode 100644
index 90ef5ca..0000000
--- a/frontend/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<script setup lang="ts">
-import { cn } from '@frontend/lib/utils'
-import { reactiveOmit } from '@vueuse/core'
-import { Circle } from 'lucide-vue-next'
-import type { DropdownMenuRadioItemEmits, DropdownMenuRadioItemProps } from 'reka-ui'
-import { DropdownMenuItemIndicator, DropdownMenuRadioItem, useForwardPropsEmits } from 'reka-ui'
-import type { HTMLAttributes } from 'vue'
-
-const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes['class'] }>()
-
-const emits = defineEmits<DropdownMenuRadioItemEmits>()
-
-const delegatedProps = reactiveOmit(props, 'class')
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <DropdownMenuRadioItem
-    data-slot="dropdown-menu-radio-item"
-    v-bind="forwarded"
-    :class="cn(
-      'focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
-      props.class,
-    )"
-  >
-    <span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-      <DropdownMenuItemIndicator>
-        <Circle class="size-2 fill-current" />
-      </DropdownMenuItemIndicator>
-    </span>
-    <slot />
-  </DropdownMenuRadioItem>
-</template>
diff --git a/frontend/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue b/frontend/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue
deleted file mode 100644
index e8145de..0000000
--- a/frontend/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<script setup lang="ts">
-import { cn } from '@frontend/lib/utils'
-import { reactiveOmit } from '@vueuse/core'
-import type { DropdownMenuSeparatorProps } from 'reka-ui'
-import { DropdownMenuSeparator } from 'reka-ui'
-import type { HTMLAttributes } from 'vue'
-
-const props = defineProps<
-  DropdownMenuSeparatorProps & {
-    class?: HTMLAttributes['class']
-  }
->()
-
-const delegatedProps = reactiveOmit(props, 'class')
-</script>
-
-<template>
-  <DropdownMenuSeparator
-    data-slot="dropdown-menu-separator"
-    v-bind="delegatedProps"
-    :class="cn('bg-border -mx-1 my-1 h-px', props.class)"
-  />
-</template>
diff --git a/frontend/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue b/frontend/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue
deleted file mode 100644
index 0bb5f23..0000000
--- a/frontend/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script setup lang="ts">
-import { cn } from '@frontend/lib/utils'
-import type { HTMLAttributes } from 'vue'
-
-const props = defineProps<{
-  class?: HTMLAttributes['class']
-}>()
-</script>
-
-<template>
-  <span
-    data-slot="dropdown-menu-shortcut"
-    :class="cn('text-muted-foreground ml-auto text-xs tracking-widest', props.class)"
-  >
-    <slot />
-  </span>
-</template>
diff --git a/frontend/src/components/ui/dropdown-menu/DropdownMenuSub.vue b/frontend/src/components/ui/dropdown-menu/DropdownMenuSub.vue
deleted file mode 100644
index 7d896c6..0000000
--- a/frontend/src/components/ui/dropdown-menu/DropdownMenuSub.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script setup lang="ts">
-import type { DropdownMenuSubEmits, DropdownMenuSubProps } from 'reka-ui'
-import { DropdownMenuSub, useForwardPropsEmits } from 'reka-ui'
-
-const props = defineProps<DropdownMenuSubProps>()
-const emits = defineEmits<DropdownMenuSubEmits>()
-
-const forwarded = useForwardPropsEmits(props, emits)
-</script>
-
-<template>
-  <DropdownMenuSub data-slot="dropdown-menu-sub" v-bind="forwarded">
-    <slot />
-  </DropdownMenuSub>
-</template>
diff --git a/frontend/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue b/frontend/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue
deleted file mode 100644
index c83ab90..0000000
--- a/frontend/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script setup lang="ts">
-import { cn } from '@frontend/lib/utils'
-import { reactiveOmit } from '@vueuse/core'
-import type { DropdownMenuSubContentEmits, DropdownMenuSubContentProps } from 'reka-ui'
-import { DropdownMenuSubContent, useForwardPropsEmits } from 'reka-ui'
-import type { HTMLAttributes } from 'vue'
-
-const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>()
-const emits = defineEmits<DropdownMenuSubContentEmits>()
-
-const delegatedProps = reactiveOmit(props, 'class')
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <DropdownMenuSubContent
-    data-slot="dropdown-menu-sub-content"
-    v-bind="forwarded"
-    :class="cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg', props.class)"
-  >
-    <slot />
-  </DropdownMenuSubContent>
-</template>
diff --git a/frontend/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue b/frontend/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
deleted file mode 100644
index 14ec72e..0000000
--- a/frontend/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<script setup lang="ts">
-import { cn } from '@frontend/lib/utils'
-import { reactiveOmit } from '@vueuse/core'
-import { ChevronRight } from 'lucide-vue-next'
-import type { DropdownMenuSubTriggerProps } from 'reka-ui'
-import { DropdownMenuSubTrigger, useForwardProps } from 'reka-ui'
-import type { HTMLAttributes } from 'vue'
-
-const props = defineProps<
-  DropdownMenuSubTriggerProps & { class?: HTMLAttributes['class']; inset?: boolean }
->()
-
-const delegatedProps = reactiveOmit(props, 'class', 'inset')
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <DropdownMenuSubTrigger
-    data-slot="dropdown-menu-sub-trigger"
-    v-bind="forwardedProps"
-    :class="cn(
-      'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8',
-      props.class,
-    )"
-  >
-    <slot />
-    <ChevronRight class="ml-auto size-4" />
-  </DropdownMenuSubTrigger>
-</template>
diff --git a/frontend/src/components/ui/dropdown-menu/DropdownMenuTrigger.vue b/frontend/src/components/ui/dropdown-menu/DropdownMenuTrigger.vue
deleted file mode 100644
index 39be3ff..0000000
--- a/frontend/src/components/ui/dropdown-menu/DropdownMenuTrigger.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script setup lang="ts">
-import type { DropdownMenuTriggerProps } from 'reka-ui'
-import { DropdownMenuTrigger, useForwardProps } from 'reka-ui'
-
-const props = defineProps<DropdownMenuTriggerProps>()
-
-const forwardedProps = useForwardProps(props)
-</script>
-
-<template>
-  <DropdownMenuTrigger
-    data-slot="dropdown-menu-trigger"
-    v-bind="forwardedProps"
-  >
-    <slot />
-  </DropdownMenuTrigger>
-</template>
diff --git a/frontend/src/components/ui/dropdown-menu/index.ts b/frontend/src/components/ui/dropdown-menu/index.ts
deleted file mode 100644
index d351cfd..0000000
--- a/frontend/src/components/ui/dropdown-menu/index.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-export { DropdownMenuPortal } from 'reka-ui'
-export { default as DropdownMenu } from './DropdownMenu.vue'
-export { default as DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem.vue'
-export { default as DropdownMenuContent } from './DropdownMenuContent.vue'
-export { default as DropdownMenuGroup } from './DropdownMenuGroup.vue'
-export { default as DropdownMenuItem } from './DropdownMenuItem.vue'
-export { default as DropdownMenuLabel } from './DropdownMenuLabel.vue'
-export { default as DropdownMenuRadioGroup } from './DropdownMenuRadioGroup.vue'
-export { default as DropdownMenuRadioItem } from './DropdownMenuRadioItem.vue'
-export { default as DropdownMenuSeparator } from './DropdownMenuSeparator.vue'
-export { default as DropdownMenuShortcut } from './DropdownMenuShortcut.vue'
-export { default as DropdownMenuSub } from './DropdownMenuSub.vue'
-export { default as DropdownMenuSubContent } from './DropdownMenuSubContent.vue'
-export { default as DropdownMenuSubTrigger } from './DropdownMenuSubTrigger.vue'
-export { default as DropdownMenuTrigger } from './DropdownMenuTrigger.vue'
diff --git a/frontend/src/components/ui/label/Label.vue b/frontend/src/components/ui/label/Label.vue
deleted file mode 100644
index e376b79..0000000
--- a/frontend/src/components/ui/label/Label.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<script setup lang="ts">
-import { cn } from '@frontend/lib/utils'
-import { reactiveOmit } from '@vueuse/core'
-import type { LabelProps } from 'reka-ui'
-import { Label } from 'reka-ui'
-import type { HTMLAttributes } from 'vue'
-
-const props = defineProps<LabelProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = reactiveOmit(props, 'class')
-</script>
-
-<template>
-  <Label
-    data-slot="label"
-    v-bind="delegatedProps"
-    :class="
-      cn(
-        'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
-        props.class,
-      )
-    "
-  >
-    <slot />
-  </Label>
-</template>
diff --git a/frontend/src/components/ui/label/index.ts b/frontend/src/components/ui/label/index.ts
deleted file mode 100644
index 572c2f0..0000000
--- a/frontend/src/components/ui/label/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Label } from './Label.vue'
diff --git a/frontend/src/features/project-management/composables/useProjectCreationComposable.ts b/frontend/src/features/project-management/composables/useProjectCreationComposable.ts
index 9fb4110..6843c27 100644
--- a/frontend/src/features/project-management/composables/useProjectCreationComposable.ts
+++ b/frontend/src/features/project-management/composables/useProjectCreationComposable.ts
@@ -2,70 +2,59 @@ import type { ApiErrors } from '@backend/types/error-schemas'
 
 export const useProjectCreationComposable = () => {
   const router = useRouter()
-  const { setIsCreating } = useCreateProjectStore()
+  const store = useCreateProjectStore()
   const { showError } = useErrorHandling()
 
-  const createProject = async (event: FileUploadUploaderEvent) => {
-    const eventFiles = Array.isArray(event.files) ? event.files : [event.files]
-
-    if (eventFiles.length === 0) {
+  const createProject = async () => {
+    if (!store.fileToUpload) {
       showError([
         {
-          code: 'VALIDATION',
-          message: 'Please add files first.',
-        },
-      ])
-      return
-    }
-
-    const fileToUpload = eventFiles[0]
-    if (!fileToUpload) {
-      showError([
-        {
-          code: 'VALIDATION',
-          message: 'No file selected for upload',
+          code: 'PROJECT_CREATION_FAILED',
+          message: 'Please select a file to upload.',
         },
       ])
       return
     }
 
-    setIsCreating(true)
+    store.setIsCreating(true)
 
     const { data, error } = await api().project.import.post({
-      file: fileToUpload,
+      file: store.fileToUpload,
     })
 
-    setIsCreating(false)
+    store.setIsCreating(false)
+    store.setFileToUpload(undefined)
 
     if (error) {
       showError(error.value as ApiErrors)
       return
     }
 
-    if (data?.data?.id) {
-      setTimeout(() => {
-        router
-          .push({
-            name: 'ProjectView',
-            params: { id: data.data.id, tab: 'data' },
-          })
-          .catch(() => {
-            showError([
-              {
-                code: 'PROJECT_CREATION_FAILED',
-                message: 'Failed to update URL.',
-              },
-            ])
-          })
-      }, 1000)
-    } else {
+    if (!data?.data?.id) {
       showError([
         {
           code: 'PROJECT_CREATION_FAILED',
           message: 'Failed to create project. Please try again.',
         },
       ])
+      return
     }
+
+    setTimeout(() => {
+      router
+        .push({
+          name: 'ProjectView',
+          params: { id: data.data.id, tab: 'data' },
+        })
+        .catch(() => {
+          showError([
+            {
+              code: 'PROJECT_CREATION_FAILED',
+              message: 'Failed to update URL.',
+            },
+          ])
+        })
+    }, 1000)
   }
 
   return {
diff --git a/frontend/src/features/project-management/pages/CreateProject.vue b/frontend/src/features/project-management/pages/CreateProject.vue
index 9899320..1c6acfc 100644
--- a/frontend/src/features/project-management/pages/CreateProject.vue
+++ b/frontend/src/features/project-management/pages/CreateProject.vue
@@ -1,7 +1,17 @@
 <script setup lang="ts">
-const { createProject } = useProjectCreationComposable()
+import { LucideLoader2, LucidePlus } from 'lucide-vue-next'
+
 const store = useCreateProjectStore()
-const { isCreating } = storeToRefs(store)
+const { createProject } = useProjectCreationComposable()
+
+const fileInput = ref<HTMLInputElement>()
+
+const handleFileChange = (event: Event) => {
+  const target = event.target as HTMLInputElement
+  if (target.files && target.files.length > 0) {
+    store.setFileToUpload(target.files[0])
+  }
+}
 </script>
 
 <template>
@@ -9,36 +19,21 @@ const { isCreating } = storeToRefs(store)
     <div class="max-w-2xl mx-auto">
       <Card>
         <template #title>
-          <h1 class="text-2xl font-bold text-gray-900">Create New Project</h1>
+          <h3 class="text-2xl font-bold text-gray-900">Create New Project</h3>
         </template>
 
         <template #content>
-          <div class="">
-            <div>
-              <label class="block text-sm font-medium text-gray-700 mb-2">Upload Data File</label>
-              <FileUpload
-                name="file"
-                accept=".json,.csv"
-                custom-upload
-                :file-limit="1"
-                :preview-width="0"
-                :choose-button-props="{ severity: 'info' }"
-                :cancel-button-props="{ severity: 'danger' }"
-                @uploader="createProject($event)"
-              >
-                <template #empty>
-                  <div
-                    v-if="!isCreating"
-                    class="flex items-center justify-center flex-col p-6"
-                  >
-                    <i class="pi pi-cloud-upload border-1 rounded-full p-6 !text-4xl text-info" />
-                    <p class="mt-6 mb-0 text-gray-600">Drag and drop files to here to upload.</p>
-                    <p class="text-xs text-gray-500 mt-2">JSON or CSV files</p>
-                  </div>
-                </template>
-              </FileUpload>
-            </div>
-          </div>
+            <Input ref="fileInput" id="file" type="file" accept=".json,.csv" :disabled="store.isCreating" @change="handleFileChange" />
+            <Button
+              :disabled="!store.fileToUpload || store.isCreating"
+              type="submit"
+              class="mt-4"
+              @click="createProject"
+            >
+              <LucideLoader2 v-if="store.isCreating" class="animate-spin" />
+              <LucidePlus v-else />
+              Create Project
+            </Button>
         </template>
       </Card>
     </div>
diff --git a/frontend/src/features/project-management/stores/create-project.store.ts b/frontend/src/features/project-management/stores/create-project.store.ts
index 9a9f197..ca215ef 100644
--- a/frontend/src/features/project-management/stores/create-project.store.ts
+++ b/frontend/src/features/project-management/stores/create-project.store.ts
@@ -1,38 +1,22 @@
 export const useCreateProjectStore = defineStore('createProject', () => {
+  const fileToUpload = ref<File>()
   const isCreating = ref(false)
 
-  const getFileKey = (file: ProjectFile) => `${file.status}-${file.name}-${file.type}-${file.size}`
-
-  const getContainerClass = (file: ProjectFile) =>
-    file.status === 'pending'
-      ? 'flex items-center justify-between p-4 border border-gray-200 rounded-lg'
-      : 'flex items-center justify-between p-4 border border-green-200 bg-green-50 rounded-lg'
-
-  const getIconClass = (file: ProjectFile) =>
-    file.status === 'pending'
-      ? 'pi pi-file text-2xl text-gray-500'
-      : 'pi pi-file text-2xl text-green-600'
-
-  const getBadgeValue = (file: ProjectFile) =>
-    file.status === 'pending' ? (isCreating.value ? 'Uploading' : 'Pending') : 'Uploaded'
-
-  const getBadgeSeverity = (file: ProjectFile) =>
-    file.status === 'pending' ? (isCreating.value ? 'info' : 'secondary') : 'success'
-
   const setIsCreating = (value: boolean) => {
     isCreating.value = value
   }
 
+  const setFileToUpload = (value: File | undefined) => {
+    fileToUpload.value = value
+  }
+
   return {
     // State
+    fileToUpload,
     isCreating,
 
     // Actions
-    getFileKey,
-    getContainerClass,
-    getIconClass,
-    getBadgeValue,
-    getBadgeSeverity,
     setIsCreating,
+    setFileToUpload,
   }
 })
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index dc24579..8a1013e 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -29,11 +29,6 @@ export default defineConfig({
           from: '@vueuse/router',
           imports: ['useRouteParams'],
         },
-        {
-          from: 'primevue/fileupload',
-          imports: ['FileUploadUploaderEvent'],
-          type: true,
-        },
         {
           from: 'primevue/menuitem',
           imports: ['MenuItem'],