🎨 enhance (layout): improve default layout styling

app/components/flow/patient/list.vue

@@ -28,7 +28,7 @@ const recItem = ref<any>(null)
 
 const hreaderPrep: HeaderPrep = {
   title: 'Pasien',
-  icon: 'i-lucide-add',
+  icon: 'i-lucide-users',
   addNav: {
     label: 'Tambah',
     onClick: () => navigateTo('/patient/add'),
@@ -101,7 +101,7 @@ provide('rec_item', recItem)
 
 <template>
   <PubNavHeaderPrep :prep="{ ...hreaderPrep }" :ref-search-nav="refSearchNav" />
-  <div class="flex flex-1 flex-col gap-4 md:gap-8">
+  <div class="my-4 flex flex-1 flex-col gap-4 md:gap-8">
     <div class="grid gap-4 md:grid-cols-2 md:gap-8 lg:grid-cols-4">
       <template v-if="isLoading.summary">
         <PubBaseSummaryCard v-for="n in 4" :key="n" is-skeleton />

app/components/pub/nav/header/prep.vue

@@ -24,6 +24,7 @@ function btnClick() {
     <div class="flex items-center justify-between">
       <div class="flex items-center">
         <div class="ml-3 text-lg font-bold text-gray-900">
+          <Icon :name="prep.icon" class="mr-2 h-4 w-4 align-middle" />
           {{ prep.title }}
         </div>
       </div>

app/layouts/default.vue

@@ -43,6 +43,7 @@ const contentContent = computed(() => {
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
+  border-radius: 0.375rem;
   padding-bottom: 5rem;
 }
 
@@ -57,6 +58,7 @@ const contentContent = computed(() => {
   padding-bottom: 5rem; /* pb-20 */
   border-width: 1px;
   background-color: white !important;
+  border-radius: 0.375rem;
   border-color: rgb(226 232 240); /* slate-200 */
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
@@ -76,9 +78,9 @@ const contentContent = computed(() => {
 .cf-frame-width {
   margin-left: auto;
   margin-right: auto;
-  padding: 0.75rem;
   background-color: white;
   border: 1px solid rgb(226 232 240);
+  border-radius: 0.375rem;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
 .cf-frame {
@@ -86,6 +88,7 @@ const contentContent = computed(() => {
   margin-right: auto;
   padding: 0.75rem;
   background-color: white;
+  border-radius: 0.375rem;
   border: 1px solid rgb(226 232 240);
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }