Refactor code structure for improved readability and maintainability

docs/.vitepress/theme/layouts/Layout.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import DefaultTheme from 'vitepress/theme'
 import { onBeforeUnmount, onMounted } from 'vue'
+import { useDynamicIcon } from '../composables/useDynamicIcon'
 
 let mediaQuery: MediaQueryList | null = null
 let systemThemeChangeHandler: (() => void) | null = null
@@ -18,6 +19,9 @@ function applyColorMode() {
   document.documentElement.classList.toggle('dark', isDark)
 }
 
+// Initialize dynamic favicon system
+useDynamicIcon()
+
 onMounted(() => {
   applyTheme()
   applyColorMode()