feat: PageFront에 모바일용 BottomBar 재구현

hwe/ts/components/MainControlBar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="`sam-color-${nationColor} controlBar`">
+  <div class="controlBar">
     <a href="v_board.php" :class="`commandButton btn btn-sammo-nation ${myLevel >= 1 ? '' : 'disabled'}`">회 의 실</a>
     <a
       href="v_board.php?isSecret=true"
@@ -84,10 +84,9 @@ const props = defineProps<{
   permission: number;
   myLevel: number;
   nationLevel: number;
-  nationColor: string;
 }>();
 
-const { showSecret, permission, myLevel, nationLevel, nationColor } = toRefs(props);
+const { showSecret, permission, myLevel, nationLevel } = toRefs(props);
 </script>
 
 <style lang="scss" scoped>
@@ -104,7 +103,7 @@ const { showSecret, permission, myLevel, nationLevel, nationColor } = toRefs(pro
   }
 }
 
-@include media-1000px{
+@include media-1000px {
   .controlBar {
     display: grid;
     grid-template-columns: repeat(10, 1fr);