diff --git a/.gitea/workflows/frontend-ci.yml b/.gitea/workflows/frontend-ci.yml
index 6d47662..852ffae 100644
--- a/.gitea/workflows/frontend-ci.yml
+++ b/.gitea/workflows/frontend-ci.yml
@@ -31,9 +31,7 @@ jobs:
     - name: Setup Node.js
       uses: actions/setup-node@v4
       with:
-        node-version: '22.x'
-        cache: pnpm
-        cache-dependency-path: frontend/pnpm-lock.yaml
+        node-version: '24.x'
 
     - name: Install dependencies
       run: pnpm install --frozen-lockfile
diff --git a/frontend/eslint.config.ts b/frontend/eslint.config.ts
index 4b4d3f3..b6deff1 100644
--- a/frontend/eslint.config.ts
+++ b/frontend/eslint.config.ts
@@ -5,6 +5,8 @@ import pluginOxlint from 'eslint-plugin-oxlint'
 import skipFormatting from 'eslint-config-prettier/flat'
 import vueScopedCss from 'eslint-plugin-vue-scoped-css'
 
+type VueTsConfig = Parameters<typeof defineConfigWithVueTs>[number]
+
 // To allow more languages other than `ts` in `.vue` files, uncomment the following lines:
 // import { configureVueProject } from '@vue/eslint-config-typescript'
 // configureVueProject({ scriptLangs: ['ts', 'tsx'] })
@@ -20,7 +22,7 @@ export default defineConfigWithVueTs(
 
   ...pluginVue.configs['flat/essential'],
   vueTsConfigs.recommended,
-  ...vueScopedCss.configs.recommended,
+  ...(vueScopedCss.configs.recommended as VueTsConfig[]),
 
   ...pluginOxlint.buildFromOxlintConfigFile('.oxlintrc.json'),
 
diff --git a/frontend/src/components/ui/DataTable.vue b/frontend/src/components/ui/DataTable.vue
index a241d63..0bb1a2a 100644
--- a/frontend/src/components/ui/DataTable.vue
+++ b/frontend/src/components/ui/DataTable.vue
@@ -1,8 +1,17 @@
 <script setup lang="ts">
+type Column = { key: string; label: string; align?: 'left' | 'center' | 'right' | string }
+type DataTableSlotRow = Record<string, any>
+
 defineProps<{
-  columns: Array<{ key: string; label: string; align?: 'left' | 'center' | 'right' | string }>
+  columns: Column[]
   rows: Record<string, unknown>[]
 }>()
+
+defineSlots<Record<string, (props: { row: DataTableSlotRow; value: any }) => unknown>>()
+
+function getCell(row: Record<string, unknown>, key: string) {
+  return row[key]
+}
 </script>
 
 <template>
@@ -18,8 +27,8 @@ defineProps<{
       <tbody>
         <tr v-for="(row, i) in rows" :key="i">
           <td v-for="col in columns" :key="col.key" :class="`align-${col.align ?? 'left'}`">
-            <slot :name="col.key" :row="row" :value="row[col.key]">
-              {{ row[col.key] }}
+            <slot :name="col.key" :row="row" :value="getCell(row, col.key)">
+              {{ getCell(row, col.key) }}
             </slot>
           </td>
         </tr>
diff --git a/renovate.json b/renovate.json
index 7190a60..4c7eb0e 100644
--- a/renovate.json
+++ b/renovate.json
@@ -1,3 +1,8 @@
 {
-  "$schema": "https://docs.renovatebot.com/renovate-schema.json"
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "baseBranchPatterns": ["dev"],
+  "enabledManagers": ["nuget", "npm"],
+  "npm": {
+    "managerFilePatterns": ["/^frontend/package\\.json$/"]
+  }
 }