DONE: layout letter with letterhead and footer, notification for newly...

fe/src/views/UsersLayout2.vue

@@ -4,7 +4,7 @@ import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Box } from '@/components/ui/box'
 import { MenuRoot, MenuTrigger, MenuPositioner, MenuContent, MenuItem } from '@/components/ui/menu'
-import { NativeSelect, NativeSelectOption } from '@/components/ui/native-select'
+
 import { AvatarRoot, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
 import {
   PaginationContext,
@@ -78,12 +78,7 @@ import { Lucide } from '@/components/ui/lucide'
       <!-- END: Users Layout -->
       <!-- BEGIN: Pagination -->
       <div class="col-span-12 flex flex-wrap items-center sm:flex-row sm:flex-nowrap">
-        <PaginationRoot
-          :count="150"
-          :pageSize="10"
-          :siblingCount="1"
-          class="w-full sm:mr-auto sm:w-auto"
-        >
+        <PaginationRoot :count="150" :pageSize="10" :siblingCount="1" class="w-full sm:mr-auto sm:w-auto">
           <PaginationPrevTrigger>Previous</PaginationPrevTrigger>
           <PaginationContext v-slot="{ pagination }">
             <template v-for="(page, index) in pagination?.pages" :key="index">