🚚 move pages and styles to src

src/pages/dashboard.tsx

@@ -1,11 +1,11 @@
 import React from 'react'
 
-import { DashboardView } from '../styles/layouts/dashboard/DashboardView.js'
+import { DashboardView } from '../styles/layouts/dashboard/DashboardView'
 
-import MapCard from '../src/components/mapCard/MapCard'
+import MapCard from '../components/mapCard/MapCard'
-import GraphCard from '../src/components/graph/graphCard/ChartCard'
+import GraphCard from '../components/graph/graphCard/ChartCard'
-import Header from '../src/components/header/Header'
+import Header from '../components/header/Header'
-import PageTitle from '../src/components/pageTitle/PageTitle'
+import PageTitle from '../components/pageTitle/PageTitle'
 
 export default function Dashboard() {
   return (

styles/layouts/Dashboard/DashboardView.ts

@@ -1,75 +0,0 @@
-import styled from 'styled-components'
-
-export const DashboardView = styled.main`
-  display: flex;
-  justify-content: center;
-  align-items: flex-start;
-
-  flex-wrap: wrap;
-
-  flex-direction: column;
-
-  width: 100%;
-
-  .cardsSection {
-    display: flex;
-    justify-content: space-evenly;
-    align-items: center;
-
-    flex-wrap: wrap;
-
-    box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.1);
-    border-radius: 10px;
-
-    width: 100%;
-    height: fit-content;
-
-    margin: 2rem 0 2rem 0;
-  }
-
-  .dashboard {
-    display: grid;
-
-    grid-template-columns: 50% 50% 100%;
-    grid-template-rows: 50% 50%;
-
-    gap: 30px;
-
-    width: 99%;
-
-    padding-right: 20px;
-
-    .footerGraph {
-      grid-row-start: 2;
-
-      grid-column-start: 1;
-      grid-column-end: 3;
-    }
-  }
-
-  @media (max-width: 1195px) {
-    /* align-items: center; */
-    width: 100%;
-    padding: 30px;
-    margin: 0;
-
-    .dashboard {
-      display: flex;
-
-      padding: 0;
-      margin: 0;
-
-      justify-content: center;
-      align-items: center;
-
-      flex-wrap: wrap;
-
-      grid-template-columns: 50% 50%;
-
-      grid-auto-rows: 1;
-      grid-auto-columns: 1;
-
-      width: 100%;
-    }
-  }
-`