Change bottom bar structure

src/components/organisms/BottomBar/BottomBarItem/style.module.scss → src/components/organisms/BottomBar/components/BottomBarItem/style.module.scss

@@ -15,7 +15,7 @@
     width: 25%;
     margin-left: 0;
     color: var(--primary-button-text);
-    background-color: var(--primary-button);
+    background-color: var(--background-color);
     display: flex;
     align-items: center;
     justify-content: center;

src/components/organisms/BottomBar/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import Navbar from "react-bootstrap/Navbar";
 import ButtonGroup from "react-bootstrap/ButtonGroup";
 import { IconDefinition } from "@fortawesome/free-solid-svg-icons";
-import BottomBarItem from "components/organisms/BottomBar/BottomBarItem";
+import BottomBarItem from "components/organisms/BottomBar/components/BottomBarItem";
 import styles from "./style.module.scss";
 
 export interface BottomBarProps {