refactor(projects): all file and folder use kebab-case

src/components/common/dark-mode-container.vue

@@ -0,0 +1,22 @@
+<template>
+  <div
+    class="dark:bg-[#18181c] dark:text-white dark:text-opacity-82 transition-all duration-300 ease-in-out"
+    :class="inverted ? 'bg-[#001428] text-white' : 'bg-white text-[#333639]'"
+  >
+    <slot></slot>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: 'DarkModeContainer' });
+
+interface Props {
+  inverted?: boolean;
+}
+
+withDefaults(defineProps<Props>(), {
+  inverted: false
+});
+</script>
+
+<style scoped></style>