Moving scss files.

src/components/Header.scss

@@ -1,4 +1,4 @@
-@import '../../colors.scss';
+@import '../colors.scss';
 
 .App-header {
   background-color: $primary;

src/components/Header.tsx

@@ -1,6 +1,5 @@
 import { FormattedMessage } from 'react-intl';
-import { LanguagePicker } from './LanguagePicker';
-import "./styles/header.scss"
+import "./Header.scss"
 
 export const Header = () => {
     return (

src/components/LanguagePicker.tsx

@@ -4,7 +4,7 @@ import { Dropdown, Menu } from 'antd';
 import { useRecoilState } from 'recoil';
 import { currentLanguage } from '../atoms/language';
 import { languageItems } from '../constants/languageItems';
-import "./styles/languagePicker.scss"
+import "./LanguagePicker.scss"
 
 export const LanguagePicker = () => {
     const [lang, setLang] = useRecoilState(currentLanguage)

src/components/Menu.tsx

@@ -1,4 +1,4 @@
-import "./styles/menu.scss";
+import "./Menu.scss";
 
 export const Menu = () => {
     return (

src/components/NavBar.tsx

@@ -1,4 +1,4 @@
-import "./styles/navBar.scss";
+import "./NavBar.scss";
 import { Link } from 'react-router-dom';
 import { LanguagePicker } from './LanguagePicker';
 import { Button, Menu } from 'antd';

src/components/NotFound.tsx

@@ -1,4 +1,4 @@
-import "./styles/notFound.scss";
+import "./NotFound.scss";
 
 export const NotFound = () => {
     return (

src/components/Program.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router-dom';
-import './styles/program.scss';
+import './Program.scss';
 
 export const Program = () => {
     return (

src/components/RegForm.tsx

@@ -2,7 +2,7 @@ import { Button, Checkbox, Col, Form, Input, Row, Select } from 'antd';
 import { useParams } from 'react-router';
 import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';
 
-import "./styles/regForm.scss";
+import "./RegForm.scss";
 import { addVisitor } from '../api';
 import { arrayToString, capFirstLetter } from './utils';
 import { Visitor } from '../model/visitor';

src/pages/Main.tsx

@@ -1,4 +1,4 @@
-import "./styles/main.scss";
+import "./Main.scss";
 
 import { useParams } from "react-router-dom";
 import { Menu } from '../components/Menu';

src/pages/Registration.tsx

@@ -1,6 +1,5 @@
-import "./styles/registration.scss";
+import "./Registration.scss";
 
-import { Header } from '../components/Header'
 import { RegForm } from '../components/RegForm'
 
 export const Registration = () => {