chore: move scss styles to separate folder

src/components/AppBar/style.module.scss

@@ -1,5 +1,5 @@
-@import '../../colors.scss';
-@import '../../sizes.scss';
+@import '../../styles/colors.scss';
+@import '../../styles/sizes.scss';
 
 .AppBar {
   background-color: $background-color !important;

src/components/Landing/CardComponent/style.module.scss

@@ -1,4 +1,4 @@
-@import '../../../colors.scss';
+@import '../../../styles/colors.scss';
 
 .card {
   border-radius: 32px;

src/layouts/style.module.scss

@@ -1,5 +1,5 @@
-@import '../colors.scss';
-@import '../sizes.scss';
+@import '../styles/colors.scss';
+@import '../styles/sizes.scss';
 
 .main {
   padding: $header-height 0 0 0;

src/pages/create/style.module.scss

@@ -1,4 +1,4 @@
-@import '../../colors.scss';
+@import '../../styles/colors.scss';
 
 .container {
   display: flex;

src/pages/landing/style.module.scss

@@ -1,6 +1,7 @@
-@import '../../colors.scss';
+@import '../../styles/colors.scss';
 
 .container {
+  position: relative;
   padding: 5vh 0%;
   flex-direction: column;
   align-items: center;

src/pages/login/style.module.scss

@@ -1,4 +1,4 @@
-@import '../../colors.scss';
+@import '../../styles/colors.scss';
 
 .loginPage {
   color: $text-color;

src/pages/settings/relays/style.module.scss

@@ -1,4 +1,4 @@
-@import '../../../colors.scss';
+@import '../../../styles/colors.scss';
 
 .container {
   margin-top: 25px;

src/pages/sign/style.module.scss

@@ -1,4 +1,4 @@
-@import '../../colors.scss';
+@import '../../styles/colors.scss';
 
 .container {
   color: $text-color;

src/pages/verify/style.module.scss

@@ -1,4 +1,4 @@
-@import '../../colors.scss';
+@import '../../styles/colors.scss';
 
 .container {
   color: $text-color;

src/sizes.scss

@@ -1 +0,0 @@
-$header-height: 78.5px;

src/styles/sizes.scss

@@ -0,0 +1 @@
+$header-height: var(--AppBar-height, 78.5px);