✨ feat (patient): add error page for patient add page permission

app/components/pub/nav/data-table.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from '@/components/pub/ui/table'
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/pub/ui/table'
 
 defineProps<{
   rows: unknown[]
@@ -19,7 +19,7 @@ defineProps<{
         <TableHead
           v-for="(h, idx) in header[0]"
           :key="`head-${idx}`"
-          :style="{ width: cols[idx]?.width ? cols[idx].width + 'px' : undefined }"
+          :style="{ width: cols[idx]?.width ? `${cols[idx].width}px` : undefined }"
         >
           {{ h.label }}
         </TableHead>
@@ -31,8 +31,8 @@ defineProps<{
         <TableCell v-for="(key, cellIndex) in keys" :key="`cell-${rowIndex}-${cellIndex}`">
           <!-- If funcComponent has a renderer -->
           <component
-            v-if="funcComponent[key]"
             :is="funcComponent[key](row, rowIndex).component"
+            v-if="funcComponent[key]"
             v-bind="funcComponent[key](row, rowIndex)"
           />
           <!-- If funcParsed or funcHtml returns a value -->

app/components/pub/nav/dropdown-action-du.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ListItemDto, LinkItem } from './types'
+import type { LinkItem, ListItemDto } from './types'
 
 const props = defineProps<{
   rec: ListItemDto

app/components/pub/nav/dropdown-action-ducd.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ListItemDto, LinkItem } from './types'
+import type { LinkItem, ListItemDto } from './types'
 
 const props = defineProps<{
   rec: ListItemDto

app/components/pub/nav/dropdown-action-dud.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ListItemDto, LinkItem } from './types'
+import type { LinkItem, ListItemDto } from './types'
 
 const props = defineProps<{
   rec: ListItemDto

app/components/pub/nav/dropdown-action-ud.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ListItemDto, LinkItem } from './types'
+import type { LinkItem, ListItemDto } from './types'
 
 const props = defineProps<{
   rec: ListItemDto