feat(satusehat): add search component, card summary and date picker

- Implement search component with lucide-vue-next icon
- Create card summary component for displaying summary data
- Add date picker component with range selection functionality
- Update list configuration and styling
- Reorganize package.json structure

app/components/layout/AppSidebar.vue

@@ -12,12 +12,12 @@ const teams: {
   logo: string
   plan: string
 }[] = [
-    {
-      name: 'SIMRS - RSSA',
-      logo: '/rssa-logo.png',
-      plan: 'Saiful Anwar Hospital',
-    },
-  ]
+  {
+    name: 'SIMRS - RSSA',
+    logo: '/rssa-logo.png',
+    plan: 'Saiful Anwar Hospital',
+  },
+]
 const sidebar = {
   collapsible: 'offcanvas', // 'offcanvas' | 'icon' | 'none'
   side: 'left', // 'left' | 'right'
@@ -59,8 +59,10 @@ async function setMenu() {
         <SidebarGroupLabel>
           {{ navMenu.heading }}
         </SidebarGroupLabel>
-        <component :is="resolveNavItemComponent(item)" v-for="(item, index) in navMenu.items" :key="index" :item="item"
-          class="my-2 mb-2" />
+        <component
+:is="resolveNavItemComponent(item)" v-for="(item, index) in navMenu.items" :key="index" :item="item"
+          class="my-2 mb-2"
+/>
       </SidebarGroup>
       <template v-else>
         <div class="p-5">
@@ -68,8 +70,10 @@ async function setMenu() {
         </div>
       </template>
       <SidebarGroup class="mt-auto">
-        <component :is="resolveNavItemComponent(item)" v-for="(item, index) in navMenuBottom" :key="index" :item="item"
-          size="sm" />
+        <component
+:is="resolveNavItemComponent(item)" v-for="(item, index) in navMenuBottom" :key="index" :item="item"
+          size="sm"
+/>
       </SidebarGroup>
     </SidebarContent>
     <SidebarFooter>