feat/layout-cleaning:

- font responsif untuk navheader
- colon + gap pada doc entry
- ukuran font lebih responsif untuk button

app/components/pub/custom-ui/nav-header/prep.vue

@@ -23,7 +23,7 @@ function btnClick() {
   <header>
     <div class="flex items-center justify-between">
       <div class="flex items-center">
-        <div class="text-lg font-semibold text-gray-900">
+        <div class="md:text-base xl:text-lg font-semibold text-gray-900">
           <Icon :name="props.prep.icon!" class="mr-2 size-4 md:size-6 align-middle" />
           {{ props.prep.title }}
         </div>
@@ -39,7 +39,7 @@ function btnClick() {
           />
         </div>
         <div v-if="prep.addNav" class="flex items-center ms-2">
-          <Button class="rounded-md border border-gray-300 px-4 py-2 text-white sm:text-sm" @click="btnClick">
+          <Button class="rounded-md border border-gray-300 text-white" @click="btnClick">
             <Icon name="i-lucide-plus" class="mr-2 h-4 w-4 align-middle" />
             {{ prep.addNav.label }}
           </Button>