…he meta tag 'color-scheme'

feat(App.vue): refactor dark mode implementation to use a reusable hook 'useDarkModePreference'
feat(style.css): add transition effect for background-color and color properties to improve user experience when switching between dark and light mode
feat(useDarkModePreference.ts): create a reusable hook to handle dark mode preference and system preference changes

…le to be more accurate and descriptive