Merge pull request #66 from dikstub-rssa/fe-public-features-46

Feat(public): Implement Dark Mode + Adjustment Padding Frame

app/components/layout/Header.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import ThemeToggle from "./ThemeToggle.vue"
+
 const route = useRoute()
 
 function setLinks() {
@@ -50,9 +52,10 @@ watch(
       <Separator orientation="vertical" class="h-4" />
       <PubBaseBreadcrumb :links="links" />
     </div>
-    <div class="ml-auto">
-      <slot />
-    </div>
+     <div class="ml-auto flex items-center gap-2">
+       <slot />
+       <ThemeToggle />
+     </div>
   </header>
 </template>