Moves scss from pages to styles/pages

app/pages/error.jsx

@@ -1,4 +1,4 @@
-import './error.scss';
+import '../styles/pages/error.scss';
 
 // import dependencies
 import { useNavigate } from 'react-router-dom';

app/pages/home.jsx

@@ -1,5 +1,5 @@
 // import styles
-import './home.scss';
+import '../styles/pages/home.scss';
 
 // import dependencies
 import { useState } from 'react';

app/pages/login.jsx

@@ -1,4 +1,4 @@
-import './register.scss';
+import '../styles/pages/register.scss';
 
 // import dependencies
 import { useNavigate } from 'react-router-dom';

app/pages/monitor.jsx

@@ -1,4 +1,4 @@
-import './monitor.scss';
+import '../styles/pages/monitor.scss';
 
 // import dependencies
 import PropTypes from 'prop-types';

app/pages/notifications.jsx

@@ -1,5 +1,5 @@
 // import styles
-import './notifications.scss';
+import '../styles/pages/notifications.scss';
 
 // import dependencies
 import { observer } from 'mobx-react-lite';

app/pages/register.jsx

@@ -1,4 +1,4 @@
-import './register.scss';
+import '../styles/pages/register.scss';
 
 // import dependencies
 import { useNavigate } from 'react-router-dom';

app/pages/settings.jsx

@@ -1,4 +1,4 @@
-import './settings.scss';
+import '../styles/pages/settings.scss';
 
 // import dependencies
 import { useEffect, useState } from 'react';

app/pages/verify.jsx

@@ -1,4 +1,4 @@
-import './verify.scss';
+import '../styles/pages/verify.scss';
 
 import { StatusLogo } from '../components/icons';
 

app/pages/error.scss → app/styles/pages/error.scss

@@ -1,4 +1,4 @@
-@use '../styles/breakpoints.scss' as *;
+@use '../breakpoints.scss' as *;
 
 .error-page-container {
   display: flex;

app/pages/home.scss → app/styles/pages/home.scss

@@ -1,4 +1,4 @@
-@use '../styles/pxToRem.scss' as *;
+@use '../pxToRem.scss' as *;
 
 .home-container {
   display: flex;

app/pages/monitor.scss → app/styles/pages/monitor.scss

@@ -1,4 +1,4 @@
-@use '../styles/pxToRem.scss' as *;
+@use '../pxToRem.scss' as *;
 
 .monitor-container {
   display: flex;

app/pages/register.scss → app/styles/pages/register.scss

@@ -1,4 +1,4 @@
-@use '../styles/pxToRem.scss' as *;
+@use '../pxToRem.scss' as *;
 
 .auth-form-container {
   width: 100vw;

app/pages/settings.scss → app/styles/pages/settings.scss

@@ -1,5 +1,5 @@
-@use '../styles/pxToRem.scss' as *;
-@use '../styles/breakpoints.scss' as *;
+@use '../pxToRem.scss' as *;
+@use '../breakpoints.scss' as *;
 
 .settings-content {
   display: flex;