From 875d9e45aba0fc58366b0ae85532ee236afe163d Mon Sep 17 00:00:00 2001
From: joseCorte-exe <josecorte-corte@hotmail.com>
Date: Mon, 16 May 2022 08:26:09 -0300
Subject: [PATCH 1/4] :feature: add pld pages feature

---
 package.json                                  |    6 +
 src/components/mapCard/MapCard.tsx            |   40 +-
 src/components/mapCard/MapCardView.ts         |    2 +
 src/components/sidebar/Sidebar.tsx            |   22 +-
 src/pages/_document.tsx                       |   45 +-
 src/pages/pld/[region].tsx                    |  229 +++
 .../ResumoOperacao/ResumoOperacaoView.ts      |  146 +-
 .../{DashboardView.js => DashboardView.ts}    |    8 +-
 src/styles/layouts/pld/PldView.ts             |  184 +++
 src/utils/renderIf.ts                         |    3 +
 yarn.lock                                     | 1264 ++++++++++++++++-
 11 files changed, 1805 insertions(+), 144 deletions(-)
 create mode 100644 src/pages/pld/[region].tsx
 rename src/styles/layouts/dashboard/{DashboardView.js => DashboardView.ts} (97%)
 create mode 100644 src/styles/layouts/pld/PldView.ts
 create mode 100644 src/utils/renderIf.ts

diff --git a/package.json b/package.json
index d57d55f..b87ac3b 100644
--- a/package.json
+++ b/package.json
@@ -17,20 +17,26 @@
     ]
   },
   "dependencies": {
+    "@date-io/date-fns": "^2.14.0",
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@material-ui/core": "^4.12.4",
     "@material-ui/icons": "^4.11.3",
     "@mui/material": "^5.6.4",
+    "@mui/x-data-grid": "^5.11.0",
+    "@mui/x-date-pickers": "^5.0.0-alpha.3",
     "@typescript-eslint/eslint-plugin": "^5.22.0",
     "@typescript-eslint/parser": "^5.22.0",
     "chart.js": "^3.7.1",
     "eslint-plugin-react": "^7.29.4",
     "eslit": "^6.0.0",
     "faker": "5.5.3",
+    "install": "^0.13.0",
     "next": "12.1.6",
+    "npm": "^8.10.0",
     "nprogress": "^0.2.0",
     "react": "18.1.0",
+    "react-calendar": "^3.7.0",
     "react-chartjs-2": "^4.1.0",
     "react-dom": "18.1.0",
     "react-icons": "^4.3.1",
diff --git a/src/components/mapCard/MapCard.tsx b/src/components/mapCard/MapCard.tsx
index 1c5fb45..743612b 100644
--- a/src/components/mapCard/MapCard.tsx
+++ b/src/components/mapCard/MapCard.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import Image from 'next/image'
 import { MapCardView } from './MapCardView'
+import Link from 'next/link'
 
 interface MapCardInterface {
   title: string,
@@ -10,25 +11,28 @@ interface MapCardInterface {
 }
 
 export default function MapCard({ title, subtitle, statistic, imgSource }: MapCardInterface) {
+  const route = title==='R$/MWh'? '/consumption': `pld/${title.slice(0,2).toLocaleLowerCase()}-${title.slice(3,5).toLocaleLowerCase()}`
 
   return (
-    <MapCardView>
-      <Image src={imgSource} width={110} height={110} />
-      <div>
-        <h4>{title}</h4>
-        <span>{subtitle}</span>
-        <article>
-          {
-            statistic?
-              <>
-                <Image src="/graphLineIcon.svg" width={20} height={20} />
-                <p>{statistic}</p>
-              </>
-              :
-              null
-          }
-        </article>
-      </div>
-    </MapCardView>
+    <Link href={route} >
+      <MapCardView>
+        <Image src={imgSource} width={110} height={110}/>
+        <div>
+          <h4>{title}</h4>
+          <span>{subtitle}</span>
+          <article>
+            {
+              statistic?
+                <>
+                  <Image src="/graphLineIcon.svg" width={20} height={20} />
+                  <p>{statistic}</p>
+                </>
+                :
+                null
+            }
+          </article>
+        </div>
+      </MapCardView>
+    </Link>
   )
 }
diff --git a/src/components/mapCard/MapCardView.ts b/src/components/mapCard/MapCardView.ts
index 36e3f69..22aea15 100644
--- a/src/components/mapCard/MapCardView.ts
+++ b/src/components/mapCard/MapCardView.ts
@@ -9,6 +9,8 @@ export const MapCardView = styled.figure`
 
   margin-right: 25px;
 
+  cursor: pointer;
+
   * {
     margin: 0;
     padding: 0;
diff --git a/src/components/sidebar/Sidebar.tsx b/src/components/sidebar/Sidebar.tsx
index a867c68..9070f5e 100644
--- a/src/components/sidebar/Sidebar.tsx
+++ b/src/components/sidebar/Sidebar.tsx
@@ -26,21 +26,21 @@ export default function Sidebar() {
       </div>
       <ul>
         <Link href='/dashboard'><li className={router.pathname=='/dashboard'? 'actualPath' : null} ><Image src='/assets/sidebar/dashboardIcon.svg' width={25} height={25} />{'Visão Geral'}</li></Link>
-        <Link href='/consumption'><li className={router.pathname=='/consumption'? 'actualPath' : null} ><Image src='/assets/sidebar/consumptionIcon.svg' width={25} height={25} />{'Consumo'}</li></Link>
-        <Link href='/resumoOperacao'><li className={router.pathname=='/resumoOperacao'? 'actualPath' : null} ><Image src='/assets/sidebar/summaryOperationsIcon.svg' width={25} height={25} />{'Resumo de Op. '}</li></Link>
         <li onClick={() => setEconomiaDrawer(!economiaDrawer)} className={router.pathname=='/grossSavings' || router.pathname=='/accumulatedSavings' || router.pathname=='/estimatedCost' || router.pathname=='/costIndicator' ? 'actualPath' : null } ><Image src='/assets/sidebar/economyIcon.svg' width={25} height={25} />{'Economia'}</li>
-        <div className='economiaDrawer drawer' >
-        <Link href='/grossSavings'><li>Economia Bruta</li></Link>
-        <Link href='/accumulatedSavings'><li>Economia Acumulada</li></Link>
-        <Link href='/estimatedCost'><li>Custo Estimado</li></Link>
-        <Link href='/costIndicator'><li>Custo R/MWh</li></Link>
-        </div>
+          <div className='economiaDrawer drawer' >
+          <Link href='/grossSavings'><li>Economia Bruta</li></Link>
+          <Link href='/accumulatedSavings'><li>Economia Acumulada</li></Link>
+          <Link href='/estimatedCost'><li>Custo Estimado</li></Link>
+          <Link href='/costIndicator'><li>Custo R/MWh</li></Link>
+          </div>
+        <Link href='/telemetria'><li className={router.pathname=='/telemetry'? 'actualPath' : null}><Image src='/assets/sidebar/telemetryIcon.svg' width={25} height={25} />{'Telemetria >'}</li></Link>
+        <Link href='/resumoOperacao'><li className={router.pathname=='/resumoOperacao'? 'actualPath' : null} ><Image src='/assets/sidebar/summaryOperationsIcon.svg' width={25} height={25} />{'Resumo de Op. '}</li></Link>
         <Link href='/news'><li className={router.pathname=='/news'? 'actualPath' : null}><Image src='/assets/sidebar/newsIcon.svg' width={25} height={25} />{'Notícias >'}</li></Link>
         <Link href='#'><li className={router.pathname=='/sectorialInfo'? 'actualPath' : null}><Image src='/assets/sidebar/sectorialInfoIcon.svg' width={25} height={25} />{'Info Setorial >'}</li></Link>
-        <Link href='/faq'><li className={router.pathname=='/faq'? 'actualPath' : null}><Image src='/assets/sidebar/saqIcon.svg' width={25} height={25} />{'FAQ >'}</li></Link>
-        <Link href='/aboutUs'><li className={router.pathname=='/aboutUs'? 'actualPath' : null}><Image src='/assets/sidebar/dashboardIcon.svg' width={25} height={25} />{'Sobre Nós >'}</li></Link>
+        <Link href='/consumption'><li className={router.pathname=='/consumption'? 'actualPath' : null} ><Image src='/assets/sidebar/consumptionIcon.svg' width={25} height={25} />{'Consumo'}</li></Link>
         <Link href='#'><li className={router.pathname=='/notification'? 'actualPath' : null}><Image src='/assets/sidebar/notificationsIcon.svg' width={25} height={25} />{'Notificação >'}</li></Link>
-        <Link href='/telemetria'><li className={router.pathname=='/telemetry'? 'actualPath' : null}><Image src='/assets/sidebar/telemetryIcon.svg' width={25} height={25} />{'Telemetria >'}</li></Link>
+        <Link href='/aboutUs'><li className={router.pathname=='/aboutUs'? 'actualPath' : null}><Image src='/assets/sidebar/dashboardIcon.svg' width={25} height={25} />{'Sobre Nós >'}</li></Link>
+        <Link href='/faq'><li className={router.pathname=='/faq'? 'actualPath' : null}><Image src='/assets/sidebar/saqIcon.svg' width={25} height={25} />{'FAQ >'}</li></Link>
       </ul>
       <aside>
         <p>Nossos Gerentes estão prontos para atendê-los</p>
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index 26f9fab..fde66c6 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -2,35 +2,37 @@ import React from 'react'
 
 import { ServerStyleSheet } from 'styled-components';
 
-import Document, { Html, Head, Main, NextScript } from 'next/document'
+import Document, { DocumentContext, DocumentInitialProps, Html, Head, Main, NextScript } from 'next/document'
 
 export default class MyDocument extends Document {
-  static async GetInitialProps(ctx) {
-    const sheet = new ServerStyleSheet();
-    const originalRenderPage = ctx.renderPage;
+  static async getInitialProps(
+    ctx: DocumentContext
+  ): Promise<DocumentInitialProps> {
+    const sheet = new ServerStyleSheet()
+    const originalRenderPage = ctx.renderPage
 
     try {
       ctx.renderPage = () =>
-      originalRenderPage({
-        enhanceApp: App => props => sheet.collectStyles(<App {...props} />)
-      });
+        originalRenderPage({
+          enhanceApp: (App) => (props) =>
+            sheet.collectStyles(<App {...props} />),
+        })
 
-      const initialProps = await Document.getInitialProps(ctx);
+      const initialProps = await Document.getInitialProps(ctx)
       return {
-      ...initialProps,
-      styles: (
-        <>
-          {initialProps.styles}
-          {sheet.getStyleElement()}
-        </>
-      )
-      };
-      } finally {
-        sheet.seal();
+        ...initialProps,
+        styles: [
+          <>
+            {initialProps.styles}
+            {sheet.getStyleElement()}
+          </>,
+        ],
       }
+    } finally {
+      sheet.seal()
+    }
   }
 
-
     render() {
       return (
         <Html>
@@ -43,6 +45,11 @@ export default class MyDocument extends Document {
 
             <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"/>
             <link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400&family=Lobster&family=Poppins:ital,wght@0,500;0,600;0,800;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet" />
+
+            <link rel="preconnect" href="https://fonts.googleapis.com"/>
+            <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin='true' />
+            <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"/>
+
           </Head>
           <body>
             <Main />
diff --git a/src/pages/pld/[region].tsx b/src/pages/pld/[region].tsx
new file mode 100644
index 0000000..a518f71
--- /dev/null
+++ b/src/pages/pld/[region].tsx
@@ -0,0 +1,229 @@
+import React, { useEffect, useState } from 'react'
+import Image from 'next/Image'
+import { useRouter } from 'next/router'
+
+import Header from '../../components/header/Header'
+import MenuItem from '@mui/material/MenuItem';
+import Select, { SelectChangeEvent } from '@mui/material/Select';
+
+import { PldGraphView, PldTableView } from '../../styles/layouts/pld/PldView'
+
+import RenderIf from '../../utils/renderIf'
+import BasicButton from '../../components/buttons/basicButton/BasicButton';
+import Chart from '../../components/graph/Chart';
+
+export default function region() {
+  const router = useRouter()
+  const { region } = router.query
+
+  const [page, setPage] = useState<number>(1)
+  const [age, setAge] = React.useState('');
+
+  const handleChange = (event: SelectChangeEvent) => {
+    setAge(event.target.value);
+  };
+
+  useEffect(() => {
+    console.log(page)
+  }, [page])
+
+  return (
+    <main style={{
+      width: '100%',
+    }}>
+      <Header name='' />
+      <RenderIf isTrue={page===1? true : false}>
+        <PldTableView>
+          <section className='images' >
+            <Image src='/assets/logo.svg' width={150} height={150} />
+            <Image src='/assets/logo.svg' width={150} height={150} />
+          </section>
+          <table className="tg">
+            <thead>
+              <tr>
+                <th className='tg-8oo6'>Mês</th>
+                <th className='tg-8oo6'>Nordeste</th>
+                <th className='tg-8oo6'>Norte</th>
+                <th className='tg-8oo6'>Sudeste</th>
+                <th className='tg-8oo6'>Sul</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td className='tg-gceh'>Unidade - 9500130</td>
+                <td className='tg-uulg'>Compra</td>
+                <td className='tg-gceh'>122,269</td>
+                <td className='tg-gceh'>COPEL COM I5</td>
+                <td className='tg-uulg'>234,67</td>
+              </tr>
+              <tr>
+                <td className='tg-hq65'>Unidade - 9500130</td>
+                <td className='tg-0tzy'>Compra</td>
+                <td className='tg-hq65'>110,348</td>
+                <td className='tg-hq65'>EMEWE I5</td>
+                <td className='tg-0tzy'>190,16</td>
+              </tr>
+              <tr>
+                <td className="tg-gceh">Unidade - 9500130</td>
+                <td className="tg-uulg">Compra</td>
+                <td className="tg-gceh">13,074</td>
+                <td className="tg-gceh">PACTO COMERCIALIZADORA I5</td>
+                <td className="tg-gceh">300,36</td>
+              </tr>
+              <tr>
+                <td className='tg-hq65'>Unidade - 9500130</td>
+                <td className='tg-0tzy'>Compra</td>
+                <td className='tg-hq65'>133,117</td>
+                <td className='tg-hq65'>COPEL COM I5</td>
+                <td className='tg-0tzy'>300,36</td>
+              </tr>
+              <tr>
+                <td className='tg-gceh'>Unidade - 9500130</td>
+                <td className='tg-uulg'>Compra</td>
+                <td className='tg-gceh'>120,138</td>
+                <td className='tg-gceh'>EMEWE I5</td>
+                <td className='tg-uulg'>234,67</td>
+              </tr>
+              <tr>
+                <td className='tg-hq65'>Unidade - 9500130</td>
+                <td className='tg-0tzy'>Compra</td>
+                <td className='tg-hq65'>14,897</td>
+                <td className='tg-hq65'>PACTO COMERCIALIZADORA I5</td>
+                <td className='tg-0tzy'>300,36</td>
+              </tr>
+              <tr>
+                <td className='tg-gceh'>Unidade - 9500130</td>
+                <td className='tg-uulg'>Compra</td>
+                <td className='tg-gceh'>120,138</td>
+                <td className='tg-gceh'>EMEWE I5</td>
+                <td className='tg-uulg'>234,67</td>
+              </tr>
+              <tr>
+                <td className='tg-hq65'>Unidade - 9500130</td>
+                <td className='tg-0tzy'>Compra</td>
+                <td className='tg-hq65'>14,897</td>
+                <td className='tg-hq65'>PACTO COMERCIALIZADORA I5</td>
+                <td className='tg-0tzy'>300,36</td>
+              </tr>
+              <tr>
+                <td className='tg-gceh'>Unidade - 9500130</td>
+                <td className='tg-uulg'>Compra</td>
+                <td className='tg-gceh'>120,138</td>
+                <td className='tg-gceh'>EMEWE I5</td>
+                <td className='tg-uulg'>234,67</td>
+              </tr>
+              <tr>
+                <td className='tg-hq65'>Unidade - 9500130</td>
+                <td className='tg-0tzy'>Compra</td>
+                <td className='tg-hq65'>14,897</td>
+                <td className='tg-hq65'>PACTO COMERCIALIZADORA I5</td>
+                <td className='tg-0tzy'>300,36</td>
+              </tr>
+              <tr>
+                <td className='tg-gceh'>Unidade - 9500130</td>
+                <td className='tg-uulg'>Compra</td>
+                <td className='tg-gceh'>120,138</td>
+                <td className='tg-gceh'>EMEWE I5</td>
+                <td className='tg-uulg'>234,67</td>
+              </tr>
+              <tr>
+                <td className='tg-hq65'>Unidade - 9500130</td>
+                <td className='tg-0tzy'>Compra</td>
+                <td className='tg-hq65'>14,897</td>
+                <td className='tg-hq65'>PACTO COMERCIALIZADORA I5</td>
+                <td className='tg-0tzy'>300,36</td>
+              </tr>
+              <tr>
+                <td className='tg-gceh'>Unidade - 9500130</td>
+                <td className='tg-uulg'>Compra</td>
+                <td className='tg-gceh'>120,138</td>
+                <td className='tg-gceh'>EMEWE I5</td>
+                <td className='tg-uulg'>234,67</td>
+              </tr>
+              <tr>
+                <td className='tg-hq65'>Unidade - 9500130</td>
+                <td className='tg-0tzy'>Compra</td>
+                <td className='tg-hq65'>14,897</td>
+                <td className='tg-hq65'>PACTO COMERCIALIZADORA I5</td>
+                <td className='tg-0tzy'>300,36</td>
+              </tr>
+              <tr>
+                <td className='tg-gceh'>Unidade - 9500130</td>
+                <td className='tg-uulg'>Compra</td>
+                <td className='tg-gceh'>120,138</td>
+                <td className='tg-gceh'>EMEWE I5</td>
+                <td className='tg-uulg'>234,67</td>
+              </tr>
+              <tr>
+                <td className='tg-hq65'>Unidade - 9500130</td>
+                <td className='tg-0tzy'>Compra</td>
+                <td className='tg-hq65'>14,897</td>
+                <td className='tg-hq65'>PACTO COMERCIALIZADORA I5</td>
+                <td className='tg-0tzy'>300,36</td>
+              </tr>
+            </tbody>
+          </table>
+
+          <section>
+            <article>
+              <p>Valores Diarios: </p>
+              <p>R$100,00</p>
+            </article>
+            <article>
+              <p>Valores Horários: </p>
+              <p>R$100,00</p>
+            </article>
+          </section>
+        </PldTableView>
+      </RenderIf>
+
+      <RenderIf isTrue={page===2? true : false}>
+        <PldGraphView>
+          <section className='images' >
+            <Image src='/assets/logo.svg' width={150} height={150} />
+            <Image src='/assets/logo.svg' width={150} height={150} />
+          </section>
+          <section className='toolsbar'>
+            <div className='select'>
+              <Select
+                value={age}
+                onChange={handleChange}
+                displayEmpty
+                sx={{
+                  width: '100%'
+                }}
+              >
+                <MenuItem value={0}>Filial 3</MenuItem>
+                <MenuItem value={10}>Filial 3</MenuItem>
+                <MenuItem value={20}>Twenty</MenuItem>
+                <MenuItem value={30}>Thirty</MenuItem>
+              </Select>
+            </div>
+            <input type="date" data-date="" data-date-format="DD MMMM YYYY" value="2015-08-09"/>
+            <BasicButton title='Download (csv)' />
+          </section>
+          <Chart title='' />
+        </PldGraphView>
+      </RenderIf>
+
+      <RenderIf isTrue={page===3? true : false}>
+        <PldGraphView>
+          <section className='images' >
+            <Image src='/assets/logo.svg' width={150} height={150} />
+            <Image src='/assets/logo.svg' width={150} height={150} />
+          </section>
+          <section className='toolsbar'>
+            <input type="date" data-date="" data-date-format="DD MMMM YYYY" value="2015-08-09"/>
+            <BasicButton title='Download (csv)' />
+          </section>
+          <Chart title='' />
+        </PldGraphView>
+      </RenderIf>
+
+      <footer>
+        <label onClick={() => page>1? setPage(page-1) : null} >voltar {page} </label>
+        <label onClick={() => page<3? setPage(page+1) : null} >avançar</label>
+      </footer>
+    </main>
+  )
+}
diff --git a/src/styles/layouts/ResumoOperacao/ResumoOperacaoView.ts b/src/styles/layouts/ResumoOperacao/ResumoOperacaoView.ts
index f4bffc5..8649ee9 100644
--- a/src/styles/layouts/ResumoOperacao/ResumoOperacaoView.ts
+++ b/src/styles/layouts/ResumoOperacao/ResumoOperacaoView.ts
@@ -2,79 +2,79 @@ import styled from 'styled-components'
 
 
 export const TableView = styled.div`
-    display: flex;
-    padding: 2.5rem;
-    justify-content: center;
-    flex-direction: column;
-    align-items: flex-start;
-    width: 100%;
-    height: 100%;
-
-
-.tg{
-  border-collapse:collapse;
-  border-spacing:0;
-  font-family:Poppins;
+  display: flex;
+  padding: 2.5rem;
+  justify-content: center;
+  flex-direction: column;
+  align-items: flex-start;
   width: 100%;
-
-}
-
-.tg td{
-  border-color:#DDDFE1;
-  border-style:solid;
-  border-width:1px;
-  font-family:Poppins;
-  font-size: 10px;
-  overflow:hidden;
-  padding:17px 30px;
-  word-break:normal;
-}
+  height: 100%;
 
 
-.tg th{
-  border-color:#DDDFE1;
-  border-style:solid;
-  border-width:1px;
-  font-family:Poppins;
-  font-size:10px;
-  font-weight:500;
-  overflow:hidden;
-  padding:10px 5px;
-  word-break:normal;
-}
-.tg .tg-8oo6{
-  color:#464a53;
-  font-size:13px;
-  text-align:center;
-  vertical-align:top;
-  padding: 10px 18px;
-  text-align: center;
-}
-.tg .tg-uulg{
-  background-color:#efefef;
-  color:#abafb3;
-  font-size:14px;
-  text-align:center;
-  vertical-align:top
-}
-.tg .tg-gceh{
-  background-color:#efefef;
-  color:#6a707e;
-  font-size:14px;
-  text-align:center;
-  vertical-align:top
-}
-.tg .tg-0tzy{
-  color:#abafb3;
-  font-size:14px;
-  text-align:center;
-  vertical-align:top
-}
-.tg .tg-hq65{color:#6a707e;
-  font-size:14px;
-  text-align:center;
-  vertical-align:top
-}
+  .tg{
+    border-collapse:collapse;
+    border-spacing:0;
+    font-family:Poppins;
+    width: 100%;
+
+  }
+
+  .tg td{
+    border-color:#DDDFE1;
+    border-style:solid;
+    border-width:1px;
+    font-family:Poppins;
+    font-size: 10px;
+    overflow:hidden;
+    padding:17px 30px;
+    word-break:normal;
+  }
+
+
+  .tg th{
+    border-color:#DDDFE1;
+    border-style:solid;
+    border-width:1px;
+    font-family:Poppins;
+    font-size:10px;
+    font-weight:500;
+    overflow:hidden;
+    padding:10px 5px;
+    word-break:normal;
+  }
+  .tg .tg-8oo6{
+    color:#464a53;
+    font-size:13px;
+    text-align:center;
+    vertical-align:top;
+    padding: 10px 18px;
+    text-align: center;
+  }
+  .tg .tg-uulg{
+    background-color:#efefef;
+    color:#abafb3;
+    font-size:14px;
+    text-align:center;
+    vertical-align:top
+  }
+  .tg .tg-gceh{
+    background-color:#efefef;
+    color:#6a707e;
+    font-size:14px;
+    text-align:center;
+    vertical-align:top
+  }
+  .tg .tg-0tzy{
+    color:#abafb3;
+    font-size:14px;
+    text-align:center;
+    vertical-align:top
+  }
+  .tg .tg-hq65{color:#6a707e;
+    font-size:14px;
+    text-align:center;
+    vertical-align:top
+  }
 
   .tg .tg-baqh{
     text-align:center;
@@ -96,11 +96,7 @@ export const TableView = styled.div`
     line-height: 54px;
 
     color: #254F7F;
-    }
-
-    .pagination{
-
-    }
+  }
 `;
 
 export const Pagination = styled.div`
diff --git a/src/styles/layouts/dashboard/DashboardView.js b/src/styles/layouts/dashboard/DashboardView.ts
similarity index 97%
rename from src/styles/layouts/dashboard/DashboardView.js
rename to src/styles/layouts/dashboard/DashboardView.ts
index 797d060..ad86bcb 100644
--- a/src/styles/layouts/dashboard/DashboardView.js
+++ b/src/styles/layouts/dashboard/DashboardView.ts
@@ -18,13 +18,15 @@ export const DashboardView = styled.main`
 
     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;
+
+    background-color: #fff;
+
+    box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.1);
+    border-radius: 10px;
   }
 
   .dashboard {
diff --git a/src/styles/layouts/pld/PldView.ts b/src/styles/layouts/pld/PldView.ts
new file mode 100644
index 0000000..d8fda62
--- /dev/null
+++ b/src/styles/layouts/pld/PldView.ts
@@ -0,0 +1,184 @@
+import styled from "styled-components"
+
+export const PldTableView = styled.main`
+  width: 100%;
+
+  .tg{
+    border-collapse:collapse;
+    border-spacing:0;
+    font-family:Poppins;
+    width: 100%;
+
+  }
+
+  .tg td{
+    border-color:#DDDFE1;
+    border-style:solid;
+    border-width:1px;
+    font-family:Poppins;
+    font-size: 10px;
+    overflow:hidden;
+    padding:17px 30px;
+    word-break:normal;
+  }
+
+
+  .tg th{
+    border-color:#DDDFE1;
+    border-style:solid;
+    border-width:1px;
+    font-family:Poppins;
+    font-size:10px;
+    font-weight:500;
+    overflow:hidden;
+    padding:10px 5px;
+    word-break:normal;
+  }
+  .tg .tg-8oo6{
+    color:#464a53;
+    font-size:13px;
+    text-align:center;
+    vertical-align:top;
+    padding: 10px 18px;
+    text-align: center;
+  }
+  .tg .tg-uulg{
+    background-color:#efefef;
+    color:#abafb3;
+    font-size:14px;
+    text-align:center;
+    vertical-align:top
+  }
+  .tg .tg-gceh{
+    background-color:#efefef;
+    color:#6a707e;
+    font-size:14px;
+    text-align:center;
+    vertical-align:top
+  }
+  .tg .tg-0tzy{
+    color:#abafb3;
+    font-size:14px;
+    text-align:center;
+    vertical-align:top
+  }
+  .tg .tg-hq65{color:#6a707e;
+    font-size:14px;
+    text-align:center;
+    vertical-align:top
+  }
+
+  .tg .tg-baqh{
+    text-align:center;
+    vertical-align:top
+  }
+  .tg .tg-0lax{
+    text-align:left;
+    vertical-align:top
+  }
+  .tg .tg-womg{
+    background-color:#dddfe1;
+    text-align:center;
+    vertical-align:top
+  }
+
+  h3{
+    font-weight: 600;
+    font-size: 22px;
+    line-height: 54px;
+
+    color: #254F7F;
+  }
+
+  .images {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+
+    margin: 40px;
+  }
+
+  section {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    article {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      width: 40%;
+      height: 8rem;
+
+      margin: 40px;
+
+      border-radius: 20px;
+      box-shadow: 0 0 11px rgba(0, 0, 0, 0.2)  ;
+      -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.2)  ;
+      -moz-box-shadow: 0 0 11px rgba(0, 0, 0, 0.2)  ;
+      background: #F8F8F8;
+    }
+  }
+
+  footer {
+    label {
+      cursor: pointer;
+      margin: 20px;
+    }
+  }
+`
+
+export const PldGraphView = styled.main`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  flex-direction: column;
+  flex-wrap: wrap;
+
+  width: 100%;
+
+  .select {
+    width: 20rem;
+  }
+
+  input {
+    width: 20rem;
+    height: 3.5rem;
+
+    padding: 14px;
+
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-weight: 400;
+
+    border-radius: 6px;
+    border: solid gray 1px;
+
+    background-color: #F9F9F9;
+  }
+
+  section {
+    display: flex;
+    align-items: center;
+
+    flex-wrap: wrap;
+
+    :first-child {
+      justify-content: space-around;
+    }
+    :nth-child(2) {
+      margin-top: 50px;
+      justify-content: space-evenly;
+    }
+
+    width: 100%;
+  }
+
+  footer {
+    label {
+      cursor: pointer;
+      margin: 20px;
+    }
+  }
+`
diff --git a/src/utils/renderIf.ts b/src/utils/renderIf.ts
new file mode 100644
index 0000000..384d8d3
--- /dev/null
+++ b/src/utils/renderIf.ts
@@ -0,0 +1,3 @@
+export default function RenderIf({ children, isTrue }) {
+  return isTrue? children : null
+}
diff --git a/yarn.lock b/yarn.lock
index 9c901c3..645f9ff 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -801,6 +801,38 @@
     "@babel/helper-validator-identifier" "^7.16.7"
     to-fast-properties "^2.0.0"
 
+"@colors/colors@1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9"
+
+"@date-io/core@^2.14.0":
+  version "2.14.0"
+  resolved "https://registry.yarnpkg.com/@date-io/core/-/core-2.14.0.tgz#03e9b9b9fc8e4d561c32dd324df0f3ccd967ef14"
+
+"@date-io/date-fns@^2.13.1", "@date-io/date-fns@^2.14.0":
+  version "2.14.0"
+  resolved "https://registry.yarnpkg.com/@date-io/date-fns/-/date-fns-2.14.0.tgz#92ab150f488f294c135c873350d154803cebdbea"
+  dependencies:
+    "@date-io/core" "^2.14.0"
+
+"@date-io/dayjs@^2.13.1":
+  version "2.14.0"
+  resolved "https://registry.yarnpkg.com/@date-io/dayjs/-/dayjs-2.14.0.tgz#8d4e93e1d473bb5f25210866204dc33384ca4c20"
+  dependencies:
+    "@date-io/core" "^2.14.0"
+
+"@date-io/luxon@^2.13.1":
+  version "2.14.0"
+  resolved "https://registry.yarnpkg.com/@date-io/luxon/-/luxon-2.14.0.tgz#cd1641229e00a899625895de3a31e3aaaf66629f"
+  dependencies:
+    "@date-io/core" "^2.14.0"
+
+"@date-io/moment@^2.13.1":
+  version "2.14.0"
+  resolved "https://registry.yarnpkg.com/@date-io/moment/-/moment-2.14.0.tgz#8300abd6ae8c55d8edee90d118db3cef0b1d4f58"
+  dependencies:
+    "@date-io/core" "^2.14.0"
+
 "@emotion/babel-plugin@^11.7.1":
   version "11.9.2"
   resolved "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.9.2.tgz"
@@ -908,6 +940,10 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
+"@gar/promisify@^1.1.3":
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"
+
 "@humanwhocodes/config-array@^0.9.2":
   version "0.9.5"
   resolved "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.9.5.tgz"
@@ -920,6 +956,10 @@
   version "1.2.1"
   resolved "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz"
 
+"@isaacs/string-locale-compare@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@isaacs/string-locale-compare/-/string-locale-compare-1.1.0.tgz#291c227e93fd407a96ecd59879a35809120e432b"
+
 "@jridgewell/gen-mapping@^0.1.0":
   version "0.1.1"
   resolved "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz"
@@ -1084,6 +1124,30 @@
     prop-types "^15.7.2"
     react-is "^17.0.2"
 
+"@mui/x-data-grid@^5.11.0":
+  version "5.11.0"
+  resolved "https://registry.yarnpkg.com/@mui/x-data-grid/-/x-data-grid-5.11.0.tgz#436a2e95fef231dfe895ea72de95ec3411c84342"
+  dependencies:
+    "@mui/utils" "^5.6.1"
+    clsx "^1.1.1"
+    prop-types "^15.8.1"
+    reselect "^4.1.5"
+
+"@mui/x-date-pickers@^5.0.0-alpha.3":
+  version "5.0.0-alpha.3"
+  resolved "https://registry.yarnpkg.com/@mui/x-date-pickers/-/x-date-pickers-5.0.0-alpha.3.tgz#29902967aba5b2126ca58d7493bd923f329a289e"
+  dependencies:
+    "@babel/runtime" "^7.17.2"
+    "@date-io/date-fns" "^2.13.1"
+    "@date-io/dayjs" "^2.13.1"
+    "@date-io/luxon" "^2.13.1"
+    "@date-io/moment" "^2.13.1"
+    "@mui/utils" "^5.6.1"
+    clsx "^1.1.1"
+    prop-types "^15.7.2"
+    react-transition-group "^4.4.2"
+    rifm "^0.12.1"
+
 "@next/env@12.1.6":
   version "12.1.6"
   resolved "https://registry.npmjs.org/@next/env/-/env-12.1.6.tgz"
@@ -1160,6 +1224,150 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
+"@npmcli/arborist@^5.0.0", "@npmcli/arborist@^5.0.4":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/arborist/-/arborist-5.2.0.tgz#ee40dfe1f81ae1524819ee39c8f3e7022b0d6269"
+  dependencies:
+    "@isaacs/string-locale-compare" "^1.1.0"
+    "@npmcli/installed-package-contents" "^1.0.7"
+    "@npmcli/map-workspaces" "^2.0.3"
+    "@npmcli/metavuln-calculator" "^3.0.1"
+    "@npmcli/move-file" "^2.0.0"
+    "@npmcli/name-from-folder" "^1.0.1"
+    "@npmcli/node-gyp" "^2.0.0"
+    "@npmcli/package-json" "^2.0.0"
+    "@npmcli/run-script" "^3.0.0"
+    bin-links "^3.0.0"
+    cacache "^16.0.6"
+    common-ancestor-path "^1.0.1"
+    json-parse-even-better-errors "^2.3.1"
+    json-stringify-nice "^1.1.4"
+    mkdirp "^1.0.4"
+    mkdirp-infer-owner "^2.0.0"
+    nopt "^5.0.0"
+    npm-install-checks "^5.0.0"
+    npm-package-arg "^9.0.0"
+    npm-pick-manifest "^7.0.0"
+    npm-registry-fetch "^13.0.0"
+    npmlog "^6.0.2"
+    pacote "^13.0.5"
+    parse-conflict-json "^2.0.1"
+    proc-log "^2.0.0"
+    promise-all-reject-late "^1.0.0"
+    promise-call-limit "^1.0.1"
+    read-package-json-fast "^2.0.2"
+    readdir-scoped-modules "^1.1.0"
+    rimraf "^3.0.2"
+    semver "^7.3.7"
+    ssri "^9.0.0"
+    treeverse "^2.0.0"
+    walk-up-path "^1.0.0"
+
+"@npmcli/ci-detect@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/ci-detect/-/ci-detect-2.0.0.tgz#e63c91bcd4185ac1e85720a34fc48e164ece5b89"
+
+"@npmcli/config@^4.1.0":
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/config/-/config-4.1.0.tgz#5c92e5ded2a44baf76b94926646329c3b39e79b8"
+  dependencies:
+    "@npmcli/map-workspaces" "^2.0.2"
+    ini "^3.0.0"
+    mkdirp-infer-owner "^2.0.0"
+    nopt "^5.0.0"
+    proc-log "^2.0.0"
+    read-package-json-fast "^2.0.3"
+    semver "^7.3.5"
+    walk-up-path "^1.0.0"
+
+"@npmcli/disparity-colors@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/disparity-colors/-/disparity-colors-2.0.0.tgz#cb518166ee21573b96241a3613fef70acb2a60ba"
+  dependencies:
+    ansi-styles "^4.3.0"
+
+"@npmcli/fs@^2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/fs/-/fs-2.1.0.tgz#f2a21c28386e299d1a9fae8051d35ad180e33109"
+  dependencies:
+    "@gar/promisify" "^1.1.3"
+    semver "^7.3.5"
+
+"@npmcli/git@^3.0.0":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@npmcli/git/-/git-3.0.1.tgz#049b99b1381a2ddf7dc56ba3e91eaf76ca803a8d"
+  dependencies:
+    "@npmcli/promise-spawn" "^3.0.0"
+    lru-cache "^7.4.4"
+    mkdirp "^1.0.4"
+    npm-pick-manifest "^7.0.0"
+    proc-log "^2.0.0"
+    promise-inflight "^1.0.1"
+    promise-retry "^2.0.1"
+    semver "^7.3.5"
+    which "^2.0.2"
+
+"@npmcli/installed-package-contents@^1.0.7":
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/@npmcli/installed-package-contents/-/installed-package-contents-1.0.7.tgz#ab7408c6147911b970a8abe261ce512232a3f4fa"
+  dependencies:
+    npm-bundled "^1.1.1"
+    npm-normalize-package-bin "^1.0.1"
+
+"@npmcli/map-workspaces@^2.0.2", "@npmcli/map-workspaces@^2.0.3":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@npmcli/map-workspaces/-/map-workspaces-2.0.3.tgz#2d3c75119ee53246e9aa75bc469a55281cd5f08f"
+  dependencies:
+    "@npmcli/name-from-folder" "^1.0.1"
+    glob "^8.0.1"
+    minimatch "^5.0.1"
+    read-package-json-fast "^2.0.3"
+
+"@npmcli/metavuln-calculator@^3.0.1":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/metavuln-calculator/-/metavuln-calculator-3.1.0.tgz#b1c2f0991c4f2d992b1615a54d4358c05efc3702"
+  dependencies:
+    cacache "^16.0.0"
+    json-parse-even-better-errors "^2.3.1"
+    pacote "^13.0.3"
+    semver "^7.3.5"
+
+"@npmcli/move-file@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/move-file/-/move-file-2.0.0.tgz#417f585016081a0184cef3e38902cd917a9bbd02"
+  dependencies:
+    mkdirp "^1.0.4"
+    rimraf "^3.0.2"
+
+"@npmcli/name-from-folder@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@npmcli/name-from-folder/-/name-from-folder-1.0.1.tgz#77ecd0a4fcb772ba6fe927e2e2e155fbec2e6b1a"
+
+"@npmcli/node-gyp@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/node-gyp/-/node-gyp-2.0.0.tgz#8c20e53e34e9078d18815c1d2dda6f2420d75e35"
+
+"@npmcli/package-json@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/package-json/-/package-json-2.0.0.tgz#3bbcf4677e21055adbe673d9f08c9f9cde942e4a"
+  dependencies:
+    json-parse-even-better-errors "^2.3.1"
+
+"@npmcli/promise-spawn@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@npmcli/promise-spawn/-/promise-spawn-3.0.0.tgz#53283b5f18f855c6925f23c24e67c911501ef573"
+  dependencies:
+    infer-owner "^1.0.4"
+
+"@npmcli/run-script@^3.0.0", "@npmcli/run-script@^3.0.1":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@npmcli/run-script/-/run-script-3.0.2.tgz#3e9116d831f4539bf292d18b015977a6118997ee"
+  dependencies:
+    "@npmcli/node-gyp" "^2.0.0"
+    "@npmcli/promise-spawn" "^3.0.0"
+    node-gyp "^9.0.0"
+    read-package-json-fast "^2.0.3"
+
 "@popperjs/core@^2.11.5":
   version "2.11.5"
   resolved "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz"
@@ -1168,6 +1376,10 @@
   version "1.1.3"
   resolved "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.1.3.tgz"
 
+"@tootallnate/once@2":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
+
 "@types/chartjs@^0.0.31":
   version "0.0.31"
   resolved "https://registry.npmjs.org/@types/chartjs/-/chartjs-0.0.31.tgz"
@@ -1311,6 +1523,14 @@
     "@typescript-eslint/types" "5.22.0"
     eslint-visitor-keys "^3.0.0"
 
+"@wojtekmaj/date-utils@^1.0.2":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@wojtekmaj/date-utils/-/date-utils-1.0.3.tgz#2dcfd92881425c5923e429c2aec86fb3609032a1"
+
+abbrev@1, abbrev@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
+
 acorn-jsx@^5.3.1:
   version "5.3.2"
   resolved "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz"
@@ -1319,6 +1539,20 @@ acorn@^8.7.0:
   version "8.7.1"
   resolved "https://registry.npmjs.org/acorn/-/acorn-8.7.1.tgz"
 
+agent-base@6, agent-base@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
+  dependencies:
+    debug "4"
+
+agentkeepalive@^4.2.1:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/agentkeepalive/-/agentkeepalive-4.2.1.tgz#a7975cbb9f83b367f06c90cc51ff28fe7d499717"
+  dependencies:
+    debug "^4.1.0"
+    depd "^1.1.2"
+    humanize-ms "^1.2.1"
+
 aggregate-error@^3.0.0:
   version "3.1.0"
   resolved "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz"
@@ -1355,7 +1589,7 @@ ansi-styles@^3.2.1:
   dependencies:
     color-convert "^1.9.0"
 
-ansi-styles@^4.0.0, ansi-styles@^4.1.0:
+ansi-styles@^4.0.0, ansi-styles@^4.1.0, ansi-styles@^4.3.0:
   version "4.3.0"
   resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz"
   dependencies:
@@ -1365,6 +1599,21 @@ ansi-styles@^6.0.0:
   version "6.1.0"
   resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.1.0.tgz"
 
+"aproba@^1.0.3 || ^2.0.0", aproba@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/aproba/-/aproba-2.0.0.tgz#52520b8ae5b569215b354efc0caa3fe1e45a8adc"
+
+archy@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/archy/-/archy-1.0.0.tgz#f9c8c13757cc1dd7bc379ac77b2c62a5c2868c40"
+
+are-we-there-yet@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-3.0.0.tgz#ba20bd6b553e31d62fc8c31bd23d22b95734390d"
+  dependencies:
+    delegates "^1.0.0"
+    readable-stream "^3.6.0"
+
 argparse@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz"
@@ -1408,6 +1657,10 @@ array.prototype.flatmap@^1.2.5:
     es-abstract "^1.19.2"
     es-shim-unscopables "^1.0.0"
 
+asap@^2.0.0:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
+
 ast-types-flow@^0.0.7:
   version "0.0.7"
   resolved "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz"
@@ -1477,6 +1730,21 @@ balanced-match@^1.0.0:
   version "1.0.2"
   resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz"
 
+bin-links@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/bin-links/-/bin-links-3.0.1.tgz#cc70ffb481988b22c527d3e6e454787876987a49"
+  dependencies:
+    cmd-shim "^5.0.0"
+    mkdirp-infer-owner "^2.0.0"
+    npm-normalize-package-bin "^1.0.0"
+    read-cmd-shim "^3.0.0"
+    rimraf "^3.0.0"
+    write-file-atomic "^4.0.0"
+
+binary-extensions@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
+
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz"
@@ -1484,6 +1752,12 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  dependencies:
+    balanced-match "^1.0.0"
+
 braces@^3.0.2:
   version "3.0.2"
   resolved "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz"
@@ -1500,6 +1774,35 @@ browserslist@^4.20.2, browserslist@^4.20.3:
     node-releases "^2.0.3"
     picocolors "^1.0.0"
 
+builtins@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/builtins/-/builtins-5.0.1.tgz#87f6db9ab0458be728564fa81d876d8d74552fa9"
+  dependencies:
+    semver "^7.0.0"
+
+cacache@^16.0.0, cacache@^16.0.2, cacache@^16.0.6, cacache@^16.0.7:
+  version "16.0.7"
+  resolved "https://registry.yarnpkg.com/cacache/-/cacache-16.0.7.tgz#74a5d9bc4c17b4c0b373c1f5d42dadf5dc06638d"
+  dependencies:
+    "@npmcli/fs" "^2.1.0"
+    "@npmcli/move-file" "^2.0.0"
+    chownr "^2.0.0"
+    fs-minipass "^2.1.0"
+    glob "^8.0.1"
+    infer-owner "^1.0.4"
+    lru-cache "^7.7.1"
+    minipass "^3.1.6"
+    minipass-collect "^1.0.2"
+    minipass-flush "^1.0.5"
+    minipass-pipeline "^1.2.4"
+    mkdirp "^1.0.4"
+    p-map "^4.0.0"
+    promise-inflight "^1.0.1"
+    rimraf "^3.0.2"
+    ssri "^9.0.0"
+    tar "^6.1.11"
+    unique-filename "^1.1.1"
+
 call-bind@^1.0.0, call-bind@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz"
@@ -1527,7 +1830,7 @@ chalk@^2.0.0:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chalk@^4.0.0:
+chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2:
   version "4.1.2"
   resolved "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz"
   dependencies:
@@ -1538,16 +1841,41 @@ chart.js@^3.7.1:
   version "3.7.1"
   resolved "https://registry.npmjs.org/chart.js/-/chart.js-3.7.1.tgz"
 
+chownr@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
+
+cidr-regex@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/cidr-regex/-/cidr-regex-3.1.1.tgz#ba1972c57c66f61875f18fd7dd487469770b571d"
+  dependencies:
+    ip-regex "^4.1.0"
+
 clean-stack@^2.0.0:
   version "2.2.0"
   resolved "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz"
 
+cli-columns@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/cli-columns/-/cli-columns-4.0.0.tgz#9fe4d65975238d55218c41bd2ed296a7fa555646"
+  dependencies:
+    string-width "^4.2.3"
+    strip-ansi "^6.0.1"
+
 cli-cursor@^3.1.0:
   version "3.1.0"
   resolved "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz"
   dependencies:
     restore-cursor "^3.1.0"
 
+cli-table3@^0.6.2:
+  version "0.6.2"
+  resolved "https://registry.yarnpkg.com/cli-table3/-/cli-table3-0.6.2.tgz#aaf5df9d8b5bf12634dc8b3040806a0c07120d2a"
+  dependencies:
+    string-width "^4.2.0"
+  optionalDependencies:
+    "@colors/colors" "1.5.0"
+
 cli-truncate@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/cli-truncate/-/cli-truncate-2.1.0.tgz"
@@ -1562,10 +1890,20 @@ cli-truncate@^3.1.0:
     slice-ansi "^5.0.0"
     string-width "^5.0.0"
 
+clone@^1.0.2:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
+
 clsx@^1.0.4, clsx@^1.1.1:
   version "1.1.1"
   resolved "https://registry.npmjs.org/clsx/-/clsx-1.1.1.tgz"
 
+cmd-shim@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/cmd-shim/-/cmd-shim-5.0.0.tgz#8d0aaa1a6b0708630694c4dbde070ed94c707724"
+  dependencies:
+    mkdirp-infer-owner "^2.0.0"
+
 color-convert@^1.9.0:
   version "1.9.3"
   resolved "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz"
@@ -1586,18 +1924,37 @@ color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
 
+color-support@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2"
+
 colorette@^2.0.16:
   version "2.0.16"
   resolved "https://registry.npmjs.org/colorette/-/colorette-2.0.16.tgz"
 
+columnify@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/columnify/-/columnify-1.6.0.tgz#6989531713c9008bb29735e61e37acf5bd553cf3"
+  dependencies:
+    strip-ansi "^6.0.1"
+    wcwidth "^1.0.0"
+
 commander@^8.3.0:
   version "8.3.0"
   resolved "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz"
 
+common-ancestor-path@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/common-ancestor-path/-/common-ancestor-path-1.0.1.tgz#4f7d2d1394d91b7abdf51871c62f71eadb0182a7"
+
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz"
 
+console-control-strings@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
+
 convert-source-map@^1.5.0, convert-source-map@^1.7.0:
   version "1.8.0"
   resolved "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz"
@@ -1664,6 +2021,12 @@ damerau-levenshtein@^1.0.7:
   version "1.0.8"
   resolved "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz"
 
+debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
+  version "4.3.4"
+  resolved "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz"
+  dependencies:
+    ms "2.1.2"
+
 debug@^2.6.9:
   version "2.6.9"
   resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz"
@@ -1676,16 +2039,20 @@ debug@^3.2.7:
   dependencies:
     ms "^2.1.1"
 
-debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
-  version "4.3.4"
-  resolved "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz"
-  dependencies:
-    ms "2.1.2"
+debuglog@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/debuglog/-/debuglog-1.0.1.tgz#aa24ffb9ac3df9a2351837cfb2d279360cd78492"
 
 deep-is@^0.1.3:
   version "0.1.4"
   resolved "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz"
 
+defaults@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.3.tgz#c656051e9817d9ff08ed881477f3fe4019f3ef7d"
+  dependencies:
+    clone "^1.0.2"
+
 define-properties@^1.1.3, define-properties@^1.1.4:
   version "1.1.4"
   resolved "https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz"
@@ -1693,6 +2060,25 @@ define-properties@^1.1.3, define-properties@^1.1.4:
     has-property-descriptors "^1.0.0"
     object-keys "^1.1.1"
 
+delegates@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
+
+depd@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
+
+dezalgo@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/dezalgo/-/dezalgo-1.0.4.tgz#751235260469084c132157dfa857f386d4c33d81"
+  dependencies:
+    asap "^2.0.0"
+    wrappy "1"
+
+diff@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-5.0.0.tgz#7ed6ad76d859d030787ec35855f5b1daf31d852b"
+
 dir-glob@^3.0.1:
   version "3.0.1"
   resolved "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz"
@@ -1734,6 +2120,20 @@ emoji-regex@^9.2.2:
   version "9.2.2"
   resolved "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz"
 
+encoding@^0.1.13:
+  version "0.1.13"
+  resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.13.tgz#56574afdd791f54a8e9b2785c0582a2d26210fa9"
+  dependencies:
+    iconv-lite "^0.6.2"
+
+env-paths@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
+
+err-code@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/err-code/-/err-code-2.0.3.tgz#23c2f3b756ffdfc608d30e27c9a941024807e7f9"
+
 error-ex@^1.3.1:
   version "1.3.2"
   resolved "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz"
@@ -2039,6 +2439,10 @@ fast-levenshtein@^2.0.6:
   version "2.0.6"
   resolved "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz"
 
+fastest-levenshtein@^1.0.12:
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz#9990f7d3a88cc5a9ffd1f1745745251700d497e2"
+
 fastq@^1.6.0:
   version "1.13.0"
   resolved "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz"
@@ -2078,6 +2482,12 @@ flatted@^3.1.0:
   version "3.2.5"
   resolved "https://registry.npmjs.org/flatted/-/flatted-3.2.5.tgz"
 
+fs-minipass@^2.0.0, fs-minipass@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb"
+  dependencies:
+    minipass "^3.0.0"
+
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
@@ -2094,6 +2504,19 @@ functions-have-names@^1.2.2:
   version "1.2.3"
   resolved "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz"
 
+gauge@^4.0.3:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/gauge/-/gauge-4.0.4.tgz#52ff0652f2bbf607a989793d53b751bef2328dce"
+  dependencies:
+    aproba "^1.0.3 || ^2.0.0"
+    color-support "^1.1.3"
+    console-control-strings "^1.1.0"
+    has-unicode "^2.0.1"
+    signal-exit "^3.0.7"
+    string-width "^4.2.3"
+    strip-ansi "^6.0.1"
+    wide-align "^1.1.5"
+
 gensync@^1.0.0-beta.2:
   version "1.0.0-beta.2"
   resolved "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz"
@@ -2117,6 +2540,12 @@ get-symbol-description@^1.0.0:
     call-bind "^1.0.2"
     get-intrinsic "^1.1.1"
 
+get-user-locale@^1.2.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/get-user-locale/-/get-user-locale-1.4.0.tgz#a2c4b5da46feec9f03c9b07d197b1620490a5370"
+  dependencies:
+    lodash.once "^4.1.1"
+
 glob-parent@^5.1.2:
   version "5.1.2"
   resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
@@ -2151,6 +2580,27 @@ glob@^7.1.3, glob@^7.2.0:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
+glob@^7.1.4:
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.1.1"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+glob@^8.0.1:
+  version "8.0.3"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-8.0.3.tgz#415c6eb2deed9e502c68fa44a272e6da6eeca42e"
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^5.0.1"
+    once "^1.3.0"
+
 globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz"
@@ -2172,6 +2622,10 @@ globby@^11.0.4:
     merge2 "^1.4.1"
     slash "^3.0.0"
 
+graceful-fs@^4.1.2, graceful-fs@^4.2.10, graceful-fs@^4.2.6:
+  version "4.2.10"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
+
 has-bigints@^1.0.1, has-bigints@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz"
@@ -2200,6 +2654,10 @@ has-tostringtag@^1.0.0:
   dependencies:
     has-symbols "^1.0.2"
 
+has-unicode@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
+
 has@^1.0.3:
   version "1.0.3"
   resolved "https://registry.npmjs.org/has/-/has-1.0.3.tgz"
@@ -2212,10 +2670,41 @@ hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.3.0, hoist-non-react-
   dependencies:
     react-is "^16.7.0"
 
+hosted-git-info@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-5.0.0.tgz#df7a06678b4ebd722139786303db80fdf302ea56"
+  dependencies:
+    lru-cache "^7.5.1"
+
+http-cache-semantics@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz#49e91c5cbf36c9b94bcfcd71c23d5249ec74e390"
+
+http-proxy-agent@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz#5129800203520d434f142bc78ff3c170800f2b43"
+  dependencies:
+    "@tootallnate/once" "2"
+    agent-base "6"
+    debug "4"
+
+https-proxy-agent@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
+  dependencies:
+    agent-base "6"
+    debug "4"
+
 human-signals@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz"
 
+humanize-ms@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/humanize-ms/-/humanize-ms-1.2.1.tgz#c46e3159a293f6b896da29316d8b6fe8bb79bbed"
+  dependencies:
+    ms "^2.0.0"
+
 husky@^7.0.4:
   version "7.0.4"
   resolved "https://registry.npmjs.org/husky/-/husky-7.0.4.tgz"
@@ -2224,6 +2713,18 @@ hyphenate-style-name@^1.0.3:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz#691879af8e220aea5750e8827db4ef62a54e361d"
 
+iconv-lite@^0.6.2:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3.0.0"
+
+ignore-walk@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/ignore-walk/-/ignore-walk-5.0.1.tgz#5f199e23e1288f518d90358d461387788a154776"
+  dependencies:
+    minimatch "^5.0.1"
+
 ignore@^5.1.8, ignore@^5.2.0:
   version "5.2.0"
   resolved "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz"
@@ -2243,6 +2744,10 @@ indent-string@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz"
 
+infer-owner@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/infer-owner/-/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
+
 inflight@^1.0.4:
   version "1.0.6"
   resolved "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz"
@@ -2250,10 +2755,30 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2:
+inherits@2, inherits@^2.0.3:
   version "2.0.4"
   resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz"
 
+ini@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-3.0.0.tgz#2f6de95006923aa75feed8894f5686165adc08f1"
+
+init-package-json@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/init-package-json/-/init-package-json-3.0.2.tgz#f5bc9bac93f2bdc005778bc2271be642fecfcd69"
+  dependencies:
+    npm-package-arg "^9.0.1"
+    promzard "^0.3.0"
+    read "^1.0.7"
+    read-package-json "^5.0.0"
+    semver "^7.3.5"
+    validate-npm-package-license "^3.0.4"
+    validate-npm-package-name "^4.0.0"
+
+install@^0.13.0:
+  version "0.13.0"
+  resolved "https://registry.yarnpkg.com/install/-/install-0.13.0.tgz#6af6e9da9dd0987de2ab420f78e60d9c17260776"
+
 internal-slot@^1.0.3:
   version "1.0.3"
   resolved "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz"
@@ -2262,6 +2787,14 @@ internal-slot@^1.0.3:
     has "^1.0.3"
     side-channel "^1.0.4"
 
+ip-regex@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ip-regex/-/ip-regex-4.3.0.tgz#687275ab0f57fa76978ff8f4dddc8a23d5990db5"
+
+ip@^1.1.5:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/ip/-/ip-1.1.8.tgz#ae05948f6b075435ed3307acce04629da8cdbf48"
+
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz"
@@ -2283,6 +2816,12 @@ is-callable@^1.1.4, is-callable@^1.2.4:
   version "1.2.4"
   resolved "https://registry.npmjs.org/is-callable/-/is-callable-1.2.4.tgz"
 
+is-cidr@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/is-cidr/-/is-cidr-4.0.2.tgz#94c7585e4c6c77ceabf920f8cde51b8c0fda8814"
+  dependencies:
+    cidr-regex "^3.1.1"
+
 is-core-module@^2.2.0, is-core-module@^2.8.1:
   version "2.9.0"
   resolved "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz"
@@ -2317,6 +2856,10 @@ is-in-browser@^1.0.2, is-in-browser@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/is-in-browser/-/is-in-browser-1.1.3.tgz#56ff4db683a078c6082eb95dad7dc62e1d04f835"
 
+is-lambda@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-lambda/-/is-lambda-1.0.1.tgz#3d9877899e6a53efc0160504cde15f82e6f061d5"
+
 is-negative-zero@^2.0.2:
   version "2.0.2"
   resolved "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz"
@@ -2388,7 +2931,7 @@ jsesc@~0.5.0:
   version "0.5.0"
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
 
-json-parse-even-better-errors@^2.3.0:
+json-parse-even-better-errors@^2.3.0, json-parse-even-better-errors@^2.3.1:
   version "2.3.1"
   resolved "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz"
 
@@ -2400,6 +2943,10 @@ json-stable-stringify-without-jsonify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz"
 
+json-stringify-nice@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/json-stringify-nice/-/json-stringify-nice-1.1.4.tgz#2c937962b80181d3f317dd39aa323e14f5a60a67"
+
 json5@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz"
@@ -2410,6 +2957,10 @@ json5@^2.2.1:
   version "2.2.1"
   resolved "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz"
 
+jsonparse@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/jsonparse/-/jsonparse-1.3.1.tgz#3f4dae4a91fac315f71062f8521cc239f1366280"
+
 jss-plugin-camel-case@^10.5.1:
   version "10.9.0"
   resolved "https://registry.yarnpkg.com/jss-plugin-camel-case/-/jss-plugin-camel-case-10.9.0.tgz#4921b568b38d893f39736ee8c4c5f1c64670aaf7"
@@ -2479,6 +3030,14 @@ jss@10.9.0, jss@^10.5.1:
     array-includes "^3.1.4"
     object.assign "^4.1.2"
 
+just-diff-apply@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/just-diff-apply/-/just-diff-apply-5.2.0.tgz#15da3888ab3acecc14ce9a067f2d7589c653cb89"
+
+just-diff@^5.0.1:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/just-diff/-/just-diff-5.0.2.tgz#68854c94280c37d28cb266d8f29bdd2cd29f003e"
+
 language-subtag-registry@~0.3.2:
   version "0.3.21"
   resolved "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz"
@@ -2496,6 +3055,106 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
+libnpmaccess@^6.0.2:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/libnpmaccess/-/libnpmaccess-6.0.3.tgz#473cc3e4aadb2bc713419d92e45d23b070d8cded"
+  dependencies:
+    aproba "^2.0.0"
+    minipass "^3.1.1"
+    npm-package-arg "^9.0.1"
+    npm-registry-fetch "^13.0.0"
+
+libnpmdiff@^4.0.2:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/libnpmdiff/-/libnpmdiff-4.0.3.tgz#ad3997330c887c1098ac42682f1e5ad014d49cec"
+  dependencies:
+    "@npmcli/disparity-colors" "^2.0.0"
+    "@npmcli/installed-package-contents" "^1.0.7"
+    binary-extensions "^2.2.0"
+    diff "^5.0.0"
+    minimatch "^5.0.1"
+    npm-package-arg "^9.0.1"
+    pacote "^13.0.5"
+    tar "^6.1.0"
+
+libnpmexec@^4.0.2:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/libnpmexec/-/libnpmexec-4.0.5.tgz#e488a1f47805b8d9af3c216ff4a5ea9c51111013"
+  dependencies:
+    "@npmcli/arborist" "^5.0.0"
+    "@npmcli/ci-detect" "^2.0.0"
+    "@npmcli/run-script" "^3.0.0"
+    chalk "^4.1.0"
+    mkdirp-infer-owner "^2.0.0"
+    npm-package-arg "^9.0.1"
+    npmlog "^6.0.2"
+    pacote "^13.0.5"
+    proc-log "^2.0.0"
+    read "^1.0.7"
+    read-package-json-fast "^2.0.2"
+    walk-up-path "^1.0.0"
+
+libnpmfund@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/libnpmfund/-/libnpmfund-3.0.2.tgz#7da0827950f0db2cce0acb0dc7652d1834a8b239"
+  dependencies:
+    "@npmcli/arborist" "^5.0.0"
+
+libnpmhook@^8.0.2:
+  version "8.0.3"
+  resolved "https://registry.yarnpkg.com/libnpmhook/-/libnpmhook-8.0.3.tgz#9628518a63455d21dafda312ee46175275707ff5"
+  dependencies:
+    aproba "^2.0.0"
+    npm-registry-fetch "^13.0.0"
+
+libnpmorg@^4.0.2:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/libnpmorg/-/libnpmorg-4.0.3.tgz#a85cbdb3665ad4f7c7279d239a4581ec2eeef5a6"
+  dependencies:
+    aproba "^2.0.0"
+    npm-registry-fetch "^13.0.0"
+
+libnpmpack@^4.0.2:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/libnpmpack/-/libnpmpack-4.0.3.tgz#0de60120a2456524b0cdb25bac58f454a1441c2e"
+  dependencies:
+    "@npmcli/run-script" "^3.0.0"
+    npm-package-arg "^9.0.1"
+    pacote "^13.0.5"
+
+libnpmpublish@^6.0.2:
+  version "6.0.4"
+  resolved "https://registry.yarnpkg.com/libnpmpublish/-/libnpmpublish-6.0.4.tgz#adb41ec6b0c307d6f603746a4d929dcefb8f1a0b"
+  dependencies:
+    normalize-package-data "^4.0.0"
+    npm-package-arg "^9.0.1"
+    npm-registry-fetch "^13.0.0"
+    semver "^7.3.7"
+    ssri "^9.0.0"
+
+libnpmsearch@^5.0.2:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/libnpmsearch/-/libnpmsearch-5.0.3.tgz#ed502a4c2c70ea36723180455fae1357546b2184"
+  dependencies:
+    npm-registry-fetch "^13.0.0"
+
+libnpmteam@^4.0.2:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/libnpmteam/-/libnpmteam-4.0.3.tgz#9335fbbd032b3770f5c9b7ffc6203f47d1ed144a"
+  dependencies:
+    aproba "^2.0.0"
+    npm-registry-fetch "^13.0.0"
+
+libnpmversion@^3.0.1:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/libnpmversion/-/libnpmversion-3.0.4.tgz#a30f563416ea1e2dd69878b4a9edf4eb4a070ef8"
+  dependencies:
+    "@npmcli/git" "^3.0.0"
+    "@npmcli/run-script" "^3.0.0"
+    json-parse-even-better-errors "^2.3.1"
+    proc-log "^2.0.0"
+    semver "^7.3.7"
+
 lilconfig@2.0.4:
   version "2.0.4"
   resolved "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.4.tgz"
@@ -2551,6 +3210,10 @@ lodash.merge@^4.6.2:
   version "4.6.2"
   resolved "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz"
 
+lodash.once@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/lodash.once/-/lodash.once-4.1.1.tgz#0dd3971213c7c56df880977d504c88fb471a97ac"
+
 lodash@^4.17.11:
   version "4.17.21"
   resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz"
@@ -2576,6 +3239,35 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
+lru-cache@^7.4.4, lru-cache@^7.5.1, lru-cache@^7.7.1:
+  version "7.10.1"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-7.10.1.tgz#db577f42a94c168f676b638d15da8fb073448cab"
+
+make-fetch-happen@^10.0.3, make-fetch-happen@^10.0.6, make-fetch-happen@^10.1.3:
+  version "10.1.3"
+  resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-10.1.3.tgz#d7ecd4a22563b2c05b74735eda46569da26a46f6"
+  dependencies:
+    agentkeepalive "^4.2.1"
+    cacache "^16.0.2"
+    http-cache-semantics "^4.1.0"
+    http-proxy-agent "^5.0.0"
+    https-proxy-agent "^5.0.0"
+    is-lambda "^1.0.1"
+    lru-cache "^7.7.1"
+    minipass "^3.1.6"
+    minipass-collect "^1.0.2"
+    minipass-fetch "^2.0.3"
+    minipass-flush "^1.0.5"
+    minipass-pipeline "^1.2.4"
+    negotiator "^0.6.3"
+    promise-retry "^2.0.1"
+    socks-proxy-agent "^6.1.1"
+    ssri "^9.0.0"
+
+merge-class-names@^1.1.1:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/merge-class-names/-/merge-class-names-1.4.2.tgz#78d6d95ab259e7e647252a7988fd25a27d5a8835"
+
 merge-stream@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz"
@@ -2595,16 +3287,88 @@ mimic-fn@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz"
 
-minimatch@^3.0.4, minimatch@^3.1.2:
+minimatch@^3.0.4, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz"
   dependencies:
     brace-expansion "^1.1.7"
 
+minimatch@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.0.1.tgz#fb9022f7528125187c92bd9e9b6366be1cf3415b"
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimist@^1.2.0, minimist@^1.2.6:
   version "1.2.6"
   resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz"
 
+minipass-collect@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/minipass-collect/-/minipass-collect-1.0.2.tgz#22b813bf745dc6edba2576b940022ad6edc8c617"
+  dependencies:
+    minipass "^3.0.0"
+
+minipass-fetch@^2.0.3:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/minipass-fetch/-/minipass-fetch-2.1.0.tgz#ca1754a5f857a3be99a9271277246ac0b44c3ff8"
+  dependencies:
+    minipass "^3.1.6"
+    minipass-sized "^1.0.3"
+    minizlib "^2.1.2"
+  optionalDependencies:
+    encoding "^0.1.13"
+
+minipass-flush@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/minipass-flush/-/minipass-flush-1.0.5.tgz#82e7135d7e89a50ffe64610a787953c4c4cbb373"
+  dependencies:
+    minipass "^3.0.0"
+
+minipass-json-stream@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/minipass-json-stream/-/minipass-json-stream-1.0.1.tgz#7edbb92588fbfc2ff1db2fc10397acb7b6b44aa7"
+  dependencies:
+    jsonparse "^1.3.1"
+    minipass "^3.0.0"
+
+minipass-pipeline@^1.2.4:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz#68472f79711c084657c067c5c6ad93cddea8214c"
+  dependencies:
+    minipass "^3.0.0"
+
+minipass-sized@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/minipass-sized/-/minipass-sized-1.0.3.tgz#70ee5a7c5052070afacfbc22977ea79def353b70"
+  dependencies:
+    minipass "^3.0.0"
+
+minipass@^3.0.0, minipass@^3.1.1, minipass@^3.1.6:
+  version "3.1.6"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.1.6.tgz#3b8150aa688a711a1521af5e8779c1d3bb4f45ee"
+  dependencies:
+    yallist "^4.0.0"
+
+minizlib@^2.1.1, minizlib@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
+  dependencies:
+    minipass "^3.0.0"
+    yallist "^4.0.0"
+
+mkdirp-infer-owner@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/mkdirp-infer-owner/-/mkdirp-infer-owner-2.0.0.tgz#55d3b368e7d89065c38f32fd38e638f0ab61d316"
+  dependencies:
+    chownr "^2.0.0"
+    infer-owner "^1.0.4"
+    mkdirp "^1.0.3"
+
+mkdirp@^1.0.3, mkdirp@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
+
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz"
@@ -2613,10 +3377,14 @@ ms@2.1.2:
   version "2.1.2"
   resolved "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz"
 
-ms@^2.1.1:
+ms@^2.0.0, ms@^2.1.1, ms@^2.1.2:
   version "2.1.3"
   resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
 
+mute-stream@~0.0.4:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
+
 nanoid@^3.1.30:
   version "3.3.4"
   resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz"
@@ -2625,6 +3393,10 @@ natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz"
 
+negotiator@^0.6.3:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
+
 next@12.1.6:
   version "12.1.6"
   resolved "https://registry.npmjs.org/next/-/next-12.1.6.tgz"
@@ -2647,20 +3419,205 @@ next@12.1.6:
     "@next/swc-win32-ia32-msvc" "12.1.6"
     "@next/swc-win32-x64-msvc" "12.1.6"
 
+node-gyp@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-9.0.0.tgz#e1da2067427f3eb5bb56820cb62bc6b1e4bd2089"
+  dependencies:
+    env-paths "^2.2.0"
+    glob "^7.1.4"
+    graceful-fs "^4.2.6"
+    make-fetch-happen "^10.0.3"
+    nopt "^5.0.0"
+    npmlog "^6.0.0"
+    rimraf "^3.0.2"
+    semver "^7.3.5"
+    tar "^6.1.2"
+    which "^2.0.2"
+
 node-releases@^2.0.3:
   version "2.0.4"
   resolved "https://registry.npmjs.org/node-releases/-/node-releases-2.0.4.tgz"
 
+nopt@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-5.0.0.tgz#530942bb58a512fccafe53fe210f13a25355dc88"
+  dependencies:
+    abbrev "1"
+
+normalize-package-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-4.0.0.tgz#1122d5359af21d4cd08718b92b058a658594177c"
+  dependencies:
+    hosted-git-info "^5.0.0"
+    is-core-module "^2.8.1"
+    semver "^7.3.5"
+    validate-npm-package-license "^3.0.4"
+
 normalize-path@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz"
 
+npm-audit-report@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/npm-audit-report/-/npm-audit-report-3.0.0.tgz#1bf3e531208b5f77347c8d00c3d9badf5be30cd6"
+  dependencies:
+    chalk "^4.0.0"
+
+npm-bundled@^1.1.1, npm-bundled@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.1.2.tgz#944c78789bd739035b70baa2ca5cc32b8d860bc1"
+  dependencies:
+    npm-normalize-package-bin "^1.0.1"
+
+npm-install-checks@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/npm-install-checks/-/npm-install-checks-5.0.0.tgz#5ff27d209a4e3542b8ac6b0c1db6063506248234"
+  dependencies:
+    semver "^7.1.1"
+
+npm-normalize-package-bin@^1.0.0, npm-normalize-package-bin@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/npm-normalize-package-bin/-/npm-normalize-package-bin-1.0.1.tgz#6e79a41f23fd235c0623218228da7d9c23b8f6e2"
+
+npm-package-arg@^9.0.0, npm-package-arg@^9.0.1, npm-package-arg@^9.0.2:
+  version "9.0.2"
+  resolved "https://registry.yarnpkg.com/npm-package-arg/-/npm-package-arg-9.0.2.tgz#f3ef7b1b3b02e82564af2d5228b4c36567dcd389"
+  dependencies:
+    hosted-git-info "^5.0.0"
+    semver "^7.3.5"
+    validate-npm-package-name "^4.0.0"
+
+npm-packlist@^5.0.0:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-5.0.3.tgz#0aec03bc2d6d488ca71396d7afb463563c3274f7"
+  dependencies:
+    glob "^8.0.1"
+    ignore-walk "^5.0.1"
+    npm-bundled "^1.1.2"
+    npm-normalize-package-bin "^1.0.1"
+
+npm-pick-manifest@^7.0.0, npm-pick-manifest@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/npm-pick-manifest/-/npm-pick-manifest-7.0.1.tgz#76dda30a7cd6b99be822217a935c2f5eacdaca4c"
+  dependencies:
+    npm-install-checks "^5.0.0"
+    npm-normalize-package-bin "^1.0.1"
+    npm-package-arg "^9.0.0"
+    semver "^7.3.5"
+
+npm-profile@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/npm-profile/-/npm-profile-6.0.3.tgz#f4a11ce09467f00fa0832db7f27992e55fdfc94b"
+  dependencies:
+    npm-registry-fetch "^13.0.1"
+    proc-log "^2.0.0"
+
+npm-registry-fetch@^13.0.0, npm-registry-fetch@^13.0.1, npm-registry-fetch@^13.1.1:
+  version "13.1.1"
+  resolved "https://registry.yarnpkg.com/npm-registry-fetch/-/npm-registry-fetch-13.1.1.tgz#26dc4b26d0a545886e807748032ba2aefaaae96b"
+  dependencies:
+    make-fetch-happen "^10.0.6"
+    minipass "^3.1.6"
+    minipass-fetch "^2.0.3"
+    minipass-json-stream "^1.0.1"
+    minizlib "^2.1.2"
+    npm-package-arg "^9.0.1"
+    proc-log "^2.0.0"
+
 npm-run-path@^4.0.1:
   version "4.0.1"
   resolved "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz"
   dependencies:
     path-key "^3.0.0"
 
+npm-user-validate@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/npm-user-validate/-/npm-user-validate-1.0.1.tgz#31428fc5475fe8416023f178c0ab47935ad8c561"
+
+npm@^8.10.0:
+  version "8.10.0"
+  resolved "https://registry.yarnpkg.com/npm/-/npm-8.10.0.tgz#f689aee00def914701952975249bd1e45ed8b266"
+  dependencies:
+    "@isaacs/string-locale-compare" "^1.1.0"
+    "@npmcli/arborist" "^5.0.4"
+    "@npmcli/ci-detect" "^2.0.0"
+    "@npmcli/config" "^4.1.0"
+    "@npmcli/fs" "^2.1.0"
+    "@npmcli/map-workspaces" "^2.0.3"
+    "@npmcli/package-json" "^2.0.0"
+    "@npmcli/run-script" "^3.0.1"
+    abbrev "~1.1.1"
+    archy "~1.0.0"
+    cacache "^16.0.7"
+    chalk "^4.1.2"
+    chownr "^2.0.0"
+    cli-columns "^4.0.0"
+    cli-table3 "^0.6.2"
+    columnify "^1.6.0"
+    fastest-levenshtein "^1.0.12"
+    glob "^8.0.1"
+    graceful-fs "^4.2.10"
+    hosted-git-info "^5.0.0"
+    ini "^3.0.0"
+    init-package-json "^3.0.2"
+    is-cidr "^4.0.2"
+    json-parse-even-better-errors "^2.3.1"
+    libnpmaccess "^6.0.2"
+    libnpmdiff "^4.0.2"
+    libnpmexec "^4.0.2"
+    libnpmfund "^3.0.1"
+    libnpmhook "^8.0.2"
+    libnpmorg "^4.0.2"
+    libnpmpack "^4.0.2"
+    libnpmpublish "^6.0.2"
+    libnpmsearch "^5.0.2"
+    libnpmteam "^4.0.2"
+    libnpmversion "^3.0.1"
+    make-fetch-happen "^10.1.3"
+    minipass "^3.1.6"
+    minipass-pipeline "^1.2.4"
+    mkdirp "^1.0.4"
+    mkdirp-infer-owner "^2.0.0"
+    ms "^2.1.2"
+    node-gyp "^9.0.0"
+    nopt "^5.0.0"
+    npm-audit-report "^3.0.0"
+    npm-install-checks "^5.0.0"
+    npm-package-arg "^9.0.2"
+    npm-pick-manifest "^7.0.1"
+    npm-profile "^6.0.3"
+    npm-registry-fetch "^13.1.1"
+    npm-user-validate "^1.0.1"
+    npmlog "^6.0.2"
+    opener "^1.5.2"
+    pacote "^13.3.0"
+    parse-conflict-json "^2.0.2"
+    proc-log "^2.0.1"
+    qrcode-terminal "^0.12.0"
+    read "~1.0.7"
+    read-package-json "^5.0.1"
+    read-package-json-fast "^2.0.3"
+    readdir-scoped-modules "^1.1.0"
+    rimraf "^3.0.2"
+    semver "^7.3.7"
+    ssri "^9.0.0"
+    tar "^6.1.11"
+    text-table "~0.2.0"
+    tiny-relative-date "^1.3.0"
+    treeverse "^2.0.0"
+    validate-npm-package-name "^4.0.0"
+    which "^2.0.2"
+    write-file-atomic "^4.0.1"
+
+npmlog@^6.0.0, npmlog@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-6.0.2.tgz#c8166017a42f2dea92d6453168dd865186a70830"
+  dependencies:
+    are-we-there-yet "^3.0.0"
+    console-control-strings "^1.1.0"
+    gauge "^4.0.3"
+    set-blocking "^2.0.0"
+
 nprogress@^0.2.0:
   version "0.2.0"
   resolved "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz"
@@ -2729,6 +3686,10 @@ onetime@^5.1.0, onetime@^5.1.2:
   dependencies:
     mimic-fn "^2.1.0"
 
+opener@^1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
+
 optionator@^0.9.1:
   version "0.9.1"
   resolved "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz"
@@ -2762,12 +3723,46 @@ p-try@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz"
 
+pacote@^13.0.3, pacote@^13.0.5, pacote@^13.3.0:
+  version "13.3.0"
+  resolved "https://registry.yarnpkg.com/pacote/-/pacote-13.3.0.tgz#e221febc17ce2435ce9f31de411832327a34c5ad"
+  dependencies:
+    "@npmcli/git" "^3.0.0"
+    "@npmcli/installed-package-contents" "^1.0.7"
+    "@npmcli/promise-spawn" "^3.0.0"
+    "@npmcli/run-script" "^3.0.1"
+    cacache "^16.0.0"
+    chownr "^2.0.0"
+    fs-minipass "^2.1.0"
+    infer-owner "^1.0.4"
+    minipass "^3.1.6"
+    mkdirp "^1.0.4"
+    npm-package-arg "^9.0.0"
+    npm-packlist "^5.0.0"
+    npm-pick-manifest "^7.0.0"
+    npm-registry-fetch "^13.0.1"
+    proc-log "^2.0.0"
+    promise-retry "^2.0.1"
+    read-package-json "^5.0.0"
+    read-package-json-fast "^2.0.3"
+    rimraf "^3.0.2"
+    ssri "^9.0.0"
+    tar "^6.1.11"
+
 parent-module@^1.0.0:
   version "1.0.1"
   resolved "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz"
   dependencies:
     callsites "^3.0.0"
 
+parse-conflict-json@^2.0.1, parse-conflict-json@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/parse-conflict-json/-/parse-conflict-json-2.0.2.tgz#3d05bc8ffe07d39600dc6436c6aefe382033d323"
+  dependencies:
+    json-parse-even-better-errors "^2.3.1"
+    just-diff "^5.0.1"
+    just-diff-apply "^5.2.0"
+
 parse-json@^5.0.0:
   version "5.2.0"
   resolved "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz"
@@ -2833,7 +3828,36 @@ prettier@^2.6.2:
   version "2.6.2"
   resolved "https://registry.npmjs.org/prettier/-/prettier-2.6.2.tgz"
 
-prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
+proc-log@^2.0.0, proc-log@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/proc-log/-/proc-log-2.0.1.tgz#8f3f69a1f608de27878f91f5c688b225391cb685"
+
+promise-all-reject-late@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/promise-all-reject-late/-/promise-all-reject-late-1.0.1.tgz#f8ebf13483e5ca91ad809ccc2fcf25f26f8643c2"
+
+promise-call-limit@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/promise-call-limit/-/promise-call-limit-1.0.1.tgz#4bdee03aeb85674385ca934da7114e9bcd3c6e24"
+
+promise-inflight@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
+
+promise-retry@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/promise-retry/-/promise-retry-2.0.1.tgz#ff747a13620ab57ba688f5fc67855410c370da22"
+  dependencies:
+    err-code "^2.0.2"
+    retry "^0.12.0"
+
+promzard@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/promzard/-/promzard-0.3.0.tgz#26a5d6ee8c7dee4cb12208305acfb93ba382a9ee"
+  dependencies:
+    read "1"
+
+prop-types@^15.6.0, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"
   dependencies:
@@ -2845,10 +3869,23 @@ punycode@^2.1.0:
   version "2.1.1"
   resolved "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz"
 
+qrcode-terminal@^0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/qrcode-terminal/-/qrcode-terminal-0.12.0.tgz#bb5b699ef7f9f0505092a3748be4464fe71b5819"
+
 queue-microtask@^1.2.2:
   version "1.2.3"
   resolved "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz"
 
+react-calendar@^3.7.0:
+  version "3.7.0"
+  resolved "https://registry.yarnpkg.com/react-calendar/-/react-calendar-3.7.0.tgz#951d56e91afb33b1c1e019cb790349fbffcc6894"
+  dependencies:
+    "@wojtekmaj/date-utils" "^1.0.2"
+    get-user-locale "^1.2.0"
+    merge-class-names "^1.1.1"
+    prop-types "^15.6.0"
+
 react-chartjs-2@^4.1.0:
   version "4.1.0"
   resolved "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-4.1.0.tgz"
@@ -2887,6 +3924,49 @@ react@18.1.0:
   dependencies:
     loose-envify "^1.1.0"
 
+read-cmd-shim@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/read-cmd-shim/-/read-cmd-shim-3.0.0.tgz#62b8c638225c61e6cc607f8f4b779f3b8238f155"
+
+read-package-json-fast@^2.0.2, read-package-json-fast@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/read-package-json-fast/-/read-package-json-fast-2.0.3.tgz#323ca529630da82cb34b36cc0b996693c98c2b83"
+  dependencies:
+    json-parse-even-better-errors "^2.3.0"
+    npm-normalize-package-bin "^1.0.1"
+
+read-package-json@^5.0.0, read-package-json@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/read-package-json/-/read-package-json-5.0.1.tgz#1ed685d95ce258954596b13e2e0e76c7d0ab4c26"
+  dependencies:
+    glob "^8.0.1"
+    json-parse-even-better-errors "^2.3.1"
+    normalize-package-data "^4.0.0"
+    npm-normalize-package-bin "^1.0.1"
+
+read@1, read@^1.0.7, read@~1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/read/-/read-1.0.7.tgz#b3da19bd052431a97671d44a42634adf710b40c4"
+  dependencies:
+    mute-stream "~0.0.4"
+
+readable-stream@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
+readdir-scoped-modules@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/readdir-scoped-modules/-/readdir-scoped-modules-1.1.0.tgz#8d45407b4f870a0dcaebc0e28670d18e74514309"
+  dependencies:
+    debuglog "^1.0.1"
+    dezalgo "^1.0.0"
+    graceful-fs "^4.1.2"
+    once "^1.3.0"
+
 regenerate-unicode-properties@^10.0.1:
   version "10.0.1"
   resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.0.1.tgz#7f442732aa7934a3740c779bb9b3340dccc1fb56"
@@ -2940,6 +4020,10 @@ regjsparser@^0.8.2:
   dependencies:
     jsesc "~0.5.0"
 
+reselect@^4.1.5:
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/reselect/-/reselect-4.1.5.tgz#852c361247198da6756d07d9296c2b51eddb79f6"
+
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz"
@@ -2966,6 +4050,10 @@ restore-cursor@^3.1.0:
     onetime "^5.1.0"
     signal-exit "^3.0.2"
 
+retry@^0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
+
 reusify@^1.0.4:
   version "1.0.4"
   resolved "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz"
@@ -2974,7 +4062,11 @@ rfdc@^1.3.0:
   version "1.3.0"
   resolved "https://registry.npmjs.org/rfdc/-/rfdc-1.3.0.tgz"
 
-rimraf@^3.0.2:
+rifm@^0.12.1:
+  version "0.12.1"
+  resolved "https://registry.yarnpkg.com/rifm/-/rifm-0.12.1.tgz#8fa77f45b7f1cda2a0068787ac821f0593967ac4"
+
+rimraf@^3.0.0, rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz"
   dependencies:
@@ -2996,6 +4088,14 @@ safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz"
 
+safe-buffer@~5.2.0:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
+
+"safer-buffer@>= 2.1.2 < 3.0.0":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
+
 scheduler@^0.22.0:
   version "0.22.0"
   resolved "https://registry.npmjs.org/scheduler/-/scheduler-0.22.0.tgz"
@@ -3010,12 +4110,16 @@ semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
   version "6.3.0"
   resolved "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz"
 
-semver@^7.3.5:
+semver@^7.0.0, semver@^7.1.1, semver@^7.3.5, semver@^7.3.7:
   version "7.3.7"
   resolved "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz"
   dependencies:
     lru-cache "^6.0.0"
 
+set-blocking@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
+
 shallowequal@^1.1.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz"
@@ -3038,7 +4142,7 @@ side-channel@^1.0.4:
     get-intrinsic "^1.0.2"
     object-inspect "^1.9.0"
 
-signal-exit@^3.0.2, signal-exit@^3.0.3:
+signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
   version "3.0.7"
   resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz"
 
@@ -3069,6 +4173,25 @@ slice-ansi@^5.0.0:
     ansi-styles "^6.0.0"
     is-fullwidth-code-point "^4.0.0"
 
+smart-buffer@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/smart-buffer/-/smart-buffer-4.2.0.tgz#6e1d71fa4f18c05f7d0ff216dd16a481d0e8d9ae"
+
+socks-proxy-agent@^6.1.1:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/socks-proxy-agent/-/socks-proxy-agent-6.2.0.tgz#f6b5229cc0cbd6f2f202d9695f09d871e951c85e"
+  dependencies:
+    agent-base "^6.0.2"
+    debug "^4.3.3"
+    socks "^2.6.2"
+
+socks@^2.6.2:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/socks/-/socks-2.6.2.tgz#ec042d7960073d40d94268ff3bb727dc685f111a"
+  dependencies:
+    ip "^1.1.5"
+    smart-buffer "^4.2.0"
+
 source-map-js@^1.0.1:
   version "1.0.2"
   resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz"
@@ -3077,11 +4200,39 @@ source-map@^0.5.7:
   version "0.5.7"
   resolved "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz"
 
+spdx-correct@^3.0.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.1.tgz#dece81ac9c1e6713e5f7d1b6f17d468fa53d89a9"
+  dependencies:
+    spdx-expression-parse "^3.0.0"
+    spdx-license-ids "^3.0.0"
+
+spdx-exceptions@^2.1.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz#3f28ce1a77a00372683eade4a433183527a2163d"
+
+spdx-expression-parse@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz#cf70f50482eefdc98e3ce0a6833e4a53ceeba679"
+  dependencies:
+    spdx-exceptions "^2.1.0"
+    spdx-license-ids "^3.0.0"
+
+spdx-license-ids@^3.0.0:
+  version "3.0.11"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz#50c0d8c40a14ec1bf449bae69a0ea4685a9d9f95"
+
+ssri@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/ssri/-/ssri-9.0.0.tgz#70ad90e339eb910f1a7ff1dcf4afc268326c4547"
+  dependencies:
+    minipass "^3.1.1"
+
 string-argv@^0.3.1:
   version "0.3.1"
   resolved "https://registry.npmjs.org/string-argv/-/string-argv-0.3.1.tgz"
 
-string-width@^4.1.0, string-width@^4.2.0:
+"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
   dependencies:
@@ -3126,6 +4277,12 @@ string.prototype.trimstart@^1.0.4:
     define-properties "^1.1.4"
     es-abstract "^1.19.5"
 
+string_decoder@^1.1.1:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
+  dependencies:
+    safe-buffer "~5.2.0"
+
 strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
@@ -3193,7 +4350,18 @@ supports-preserve-symlinks-flag@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz"
 
-text-table@^0.2.0:
+tar@^6.1.0, tar@^6.1.11, tar@^6.1.2:
+  version "6.1.11"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.11.tgz#6760a38f003afa1b2ffd0ffe9e9abbd0eab3d621"
+  dependencies:
+    chownr "^2.0.0"
+    fs-minipass "^2.0.0"
+    minipass "^3.0.0"
+    minizlib "^2.1.1"
+    mkdirp "^1.0.3"
+    yallist "^4.0.0"
+
+text-table@^0.2.0, text-table@~0.2.0:
   version "0.2.0"
   resolved "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz"
 
@@ -3201,6 +4369,10 @@ through@^2.3.8:
   version "2.3.8"
   resolved "https://registry.npmjs.org/through/-/through-2.3.8.tgz"
 
+tiny-relative-date@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/tiny-relative-date/-/tiny-relative-date-1.3.0.tgz#fa08aad501ed730f31cc043181d995c39a935e07"
+
 tiny-warning@^1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
@@ -3215,6 +4387,10 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
+treeverse@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/treeverse/-/treeverse-2.0.0.tgz#036dcef04bc3fd79a9b79a68d4da03e882d8a9ca"
+
 tsconfig-paths@^3.14.1:
   version "3.14.1"
   resolved "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz"
@@ -3284,16 +4460,55 @@ unicode-property-aliases-ecmascript@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.0.0.tgz#0a36cb9a585c4f6abd51ad1deddb285c165297c8"
 
+unique-filename@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/unique-filename/-/unique-filename-1.1.1.tgz#1d69769369ada0583103a1e6ae87681b56573230"
+  dependencies:
+    unique-slug "^2.0.0"
+
+unique-slug@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/unique-slug/-/unique-slug-2.0.2.tgz#baabce91083fc64e945b0f3ad613e264f7cd4e6c"
+  dependencies:
+    imurmurhash "^0.1.4"
+
 uri-js@^4.2.2:
   version "4.4.1"
   resolved "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz"
   dependencies:
     punycode "^2.1.0"
 
+util-deprecate@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+
 v8-compile-cache@^2.0.3:
   version "2.3.0"
   resolved "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz"
 
+validate-npm-package-license@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
+  dependencies:
+    spdx-correct "^3.0.0"
+    spdx-expression-parse "^3.0.0"
+
+validate-npm-package-name@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/validate-npm-package-name/-/validate-npm-package-name-4.0.0.tgz#fe8f1c50ac20afdb86f177da85b3600f0ac0d747"
+  dependencies:
+    builtins "^5.0.0"
+
+walk-up-path@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/walk-up-path/-/walk-up-path-1.0.0.tgz#d4745e893dd5fd0dbb58dd0a4c6a33d9c9fec53e"
+
+wcwidth@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/wcwidth/-/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"
+  dependencies:
+    defaults "^1.0.3"
+
 which-boxed-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz"
@@ -3304,12 +4519,18 @@ which-boxed-primitive@^1.0.2:
     is-string "^1.0.5"
     is-symbol "^1.0.3"
 
-which@^2.0.1:
+which@^2.0.1, which@^2.0.2:
   version "2.0.2"
   resolved "https://registry.npmjs.org/which/-/which-2.0.2.tgz"
   dependencies:
     isexe "^2.0.0"
 
+wide-align@^1.1.5:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.5.tgz#df1d4c206854369ecf3c9a4898f1b23fbd9d15d3"
+  dependencies:
+    string-width "^1.0.2 || 2 || 3 || 4"
+
 word-wrap@^1.2.3:
   version "1.2.3"
   resolved "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz"
@@ -3334,6 +4555,13 @@ wrappy@1:
   version "1.0.2"
   resolved "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz"
 
+write-file-atomic@^4.0.0, write-file-atomic@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.1.tgz#9faa33a964c1c85ff6f849b80b42a88c2c537c8f"
+  dependencies:
+    imurmurhash "^0.1.4"
+    signal-exit "^3.0.7"
+
 yallist@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz"

From ec01d4cadad07fb25e44ae040b4ff4096fbde39b Mon Sep 17 00:00:00 2001
From: joseCorte-exe <josecorte-corte@hotmail.com>
Date: Mon, 16 May 2022 08:51:43 -0300
Subject: [PATCH 2/4] :sparkles:

---
 public/assets/logout.svg              |  3 +++
 src/components/sidebar/Sidebar.tsx    |  1 +
 src/components/sidebar/SidebarView.ts | 21 +++++++++++++++++++++
 3 files changed, 25 insertions(+)
 create mode 100644 public/assets/logout.svg

diff --git a/public/assets/logout.svg b/public/assets/logout.svg
new file mode 100644
index 0000000..ff3156a
--- /dev/null
+++ b/public/assets/logout.svg
@@ -0,0 +1,3 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path fill="none" stroke="#FFF" stroke-width="2" d="M13,9 L13,2 L1,2 L1,22 L13,22 L13,15 M22,12 L5,12 M17,7 L22,12 L17,17"/>
+</svg>
diff --git a/src/components/sidebar/Sidebar.tsx b/src/components/sidebar/Sidebar.tsx
index 9070f5e..d9c3d64 100644
--- a/src/components/sidebar/Sidebar.tsx
+++ b/src/components/sidebar/Sidebar.tsx
@@ -41,6 +41,7 @@ export default function Sidebar() {
         <Link href='#'><li className={router.pathname=='/notification'? 'actualPath' : null}><Image src='/assets/sidebar/notificationsIcon.svg' width={25} height={25} />{'Notificação >'}</li></Link>
         <Link href='/aboutUs'><li className={router.pathname=='/aboutUs'? 'actualPath' : null}><Image src='/assets/sidebar/dashboardIcon.svg' width={25} height={25} />{'Sobre Nós >'}</li></Link>
         <Link href='/faq'><li className={router.pathname=='/faq'? 'actualPath' : null}><Image src='/assets/sidebar/saqIcon.svg' width={25} height={25} />{'FAQ >'}</li></Link>
+        <Link href='/'><button><Image src='/assets/logout.svg' width={25} height={25} />{'Sair'}</button></Link>
       </ul>
       <aside>
         <p>Nossos Gerentes estão prontos para atendê-los</p>
diff --git a/src/components/sidebar/SidebarView.ts b/src/components/sidebar/SidebarView.ts
index b3aa4c3..d14d64d 100644
--- a/src/components/sidebar/SidebarView.ts
+++ b/src/components/sidebar/SidebarView.ts
@@ -122,6 +122,27 @@ export const SidebarView = styled.nav<SidebarViewInterface>`
     display: none;
   }
 
+  button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    width: 10rem;
+    height: 3rem;
+
+    background-color: red;
+    border-style: none;
+
+    border-radius: 6px;
+
+    font-family: 'Poppins';
+    font-weight: 600;
+    font-size: 99.98%;
+    color: #fff;
+
+    cursor: pointer;
+  }
+
   @media (max-width: 1008px) {
     align-items: flex-start;
 

From 5d28dbe9305ead1516b125162a4ea01fbe0c3095 Mon Sep 17 00:00:00 2001
From: joseCorte-exe <josecorte-corte@hotmail.com>
Date: Mon, 16 May 2022 10:44:11 -0300
Subject: [PATCH 3/4] :sparkles: add forgot password feature

---
 .../buttons/loginButton/LoginButton.tsx       |  28 +++--
 src/pages/_app.tsx                            |   6 +-
 src/pages/forgotPassword.tsx                  |  42 ++++++++
 src/pages/index.tsx                           |   7 +-
 src/pages/verifyEmail.tsx                     |  62 +++++++++++
 .../forgotPassword/ForgotPasswordView.ts      | 101 ++++++++++++++++++
 .../layouts/forgotPassword/verifyEmail.ts     | 101 ++++++++++++++++++
 src/styles/layouts/login/LoginView.ts         |   8 ++
 8 files changed, 341 insertions(+), 14 deletions(-)
 create mode 100644 src/pages/forgotPassword.tsx
 create mode 100644 src/pages/verifyEmail.tsx
 create mode 100644 src/styles/layouts/forgotPassword/ForgotPasswordView.ts
 create mode 100644 src/styles/layouts/forgotPassword/verifyEmail.ts

diff --git a/src/components/buttons/loginButton/LoginButton.tsx b/src/components/buttons/loginButton/LoginButton.tsx
index 54214a8..100b60b 100644
--- a/src/components/buttons/loginButton/LoginButton.tsx
+++ b/src/components/buttons/loginButton/LoginButton.tsx
@@ -1,17 +1,29 @@
-import Link from 'next/link'
 import React from 'react'
+import Link from 'next/link'
+import RenderIf from '../../../utils/renderIf'
 import { LoginButtonView } from './LoginButtonView'
 
 interface LoginButtonInterface {
-  title: string
+  title: string,
+  link?: boolean | undefined,
+  onClick?: () => void
 }
 
-export default function LoginButton({ title }: LoginButtonInterface) {
+export default function LoginButton({ title, link, onClick }: LoginButtonInterface) {
   return (
-    <Link href='/dashboard' >
-      <LoginButtonView>
-          {title}
-      </LoginButtonView>
-    </Link>
+    <>
+      <RenderIf isTrue={link? true : false}>
+        <Link href='/dashboard' >
+          <LoginButtonView>
+            {title}
+          </LoginButtonView>
+        </Link>
+      </RenderIf>
+      <RenderIf isTrue={link? false : true}>
+          <LoginButtonView onClick={() => onClick()}>
+            {title}
+          </LoginButtonView>
+      </RenderIf>
+    </>
   )
 }
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 9061251..2e82426 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -12,6 +12,8 @@ import '../styles/globals.ts'
 
 import Home from '.'
 import Head from 'next/head'
+import VerifyEmail from './verifyEmail'
+import ForgotPassword from './forgotPassword'
 
 function MyApp({ Component, pageProps }: AppProps) {
   const router = useRouter()
@@ -43,9 +45,11 @@ function MyApp({ Component, pageProps }: AppProps) {
         <meta name="viewport" content="viewport-fit=cover" />
       </Head>
       <Home />
+      <VerifyEmail />
+      <ForgotPassword />
       <GlobalStyle />
       {
-        rota != '/'?
+        rota != '/' && rota != '/forgotPassword' && rota != '/verifyEmail'?
           <>
             <Sidebar />
             <Component {...pageProps} />
diff --git a/src/pages/forgotPassword.tsx b/src/pages/forgotPassword.tsx
new file mode 100644
index 0000000..d77e3f8
--- /dev/null
+++ b/src/pages/forgotPassword.tsx
@@ -0,0 +1,42 @@
+import React, { useState, useEffect } from 'react'
+import Image from 'next/image';
+import { useRouter } from 'next/router'
+
+import LoginButton from '../components/buttons/loginButton/LoginButton';
+import TextField from '@mui/material/TextField';
+import { ForgotPasswordContainer, ForgotPasswordView } from '../styles/layouts/forgotPassword/ForgotPasswordView';
+
+export default function ForgotPassword() {
+  const router = useRouter()
+  const rota = router.pathname
+
+  const [password, setPassword] = useState<string>('')
+  const [confirmPassword, setConfirmPassword] = useState<string>('')
+
+  useEffect(() => {
+    setPassword('')
+    setConfirmPassword('')
+  }, [rota])
+
+  return (
+    <ForgotPasswordView auth={rota} >
+    <Image src='/assets/marca1.svg' width={500} height={500} />
+    <ForgotPasswordContainer>
+      <h1>Bem-Vindo</h1>
+      <h2>Estratégias Inteligentes em<br /> Gestão de Energia</h2>
+
+      <TextField id="outlined-basic" sx={{ m: 1, width: '90%' }} label="Senha" onChange={value => setPassword(value.target.value)} variant="outlined"/>
+      <TextField id="outlined-basic" sx={{ m: 1, width: '90%' }} label="Confirmar Senha" onChange={value => setConfirmPassword(value.target.value)} variant="outlined"/>
+
+      <LoginButton title='Redefinir Senha' onClick={() => router.push('/')} />
+
+      <fieldset className="line">
+        <legend className="text">Ou</legend>
+      </fieldset>
+
+      <p><a href='tel:+55(41) 3012-5900' >+55(41) 3012-5900</a><br/><a href='https://www.energiasmart.com.br' >www.energiasmart.com.br</a></p>
+
+    </ForgotPasswordContainer>
+  </ForgotPasswordView>
+  )
+}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 5bda949..d7179e7 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -18,9 +18,6 @@ import { LoginView, LoginContainer } from  '../styles/layouts/login/LoginView';
 export default function Home() {
   const [state, setstate]=useState(false);
 
-  const toggleBtn = ()=> {
-    setstate(prevState => !prevState);
-  }
   const [values, setValues] = React.useState({
     password: '',
     showPassword: false,
@@ -74,9 +71,9 @@ export default function Home() {
             label="Password"
           />
         </FormControl>
-        <span>Esqueceu a senha ?</span>
+        <Link href='verifyEmail' >Esqueceu a senha ?</Link>
 
-          <LoginButton title='ENTRAR' />
+        <LoginButton title='ENTRAR' link />
 
         <fieldset className="line">
           <legend className="text">Ou</legend>
diff --git a/src/pages/verifyEmail.tsx b/src/pages/verifyEmail.tsx
new file mode 100644
index 0000000..b42a5ed
--- /dev/null
+++ b/src/pages/verifyEmail.tsx
@@ -0,0 +1,62 @@
+import React, { useEffect, useState } from 'react'
+import Image from 'next/image';
+import { useRouter } from 'next/router'
+
+import LoginButton from '../components/buttons/loginButton/LoginButton';
+import TextField from '@mui/material/TextField';
+
+import {AiOutlineEyeInvisible, AiOutlineEye} from 'react-icons/ai';
+
+import { ForgotPasswordContainer, ForgotPasswordView } from '../styles/layouts/forgotPassword/ForgotPasswordView';
+import { VerifyEmailContainer, VerifyEmailView } from '../styles/layouts/forgotPassword/verifyEmail';
+
+export default function VerifyEmail() {
+  const [sent, setSent]=useState(false);
+  const [code, setCode]=useState<string>('');
+
+  const [values, setValues] = React.useState({
+    password: '',
+    showPassword: false,
+  });
+
+  const router = useRouter()
+  const rota = router.pathname
+
+  useEffect(() => {
+    if (code === '0000') {
+      router.push('/forgotPassword')
+    }
+  }, [code])
+
+  useEffect(() => {
+    setCode('')
+    setSent(false)
+  }, [rota])
+
+  return (
+    <VerifyEmailView auth={rota} >
+      <Image src='/assets/marca1.svg' width={500} height={500} />
+      <VerifyEmailContainer>
+        <h1>Bem-Vindo</h1>
+        <h2>Estratégias Inteligentes em<br /> Gestão de Energia</h2>
+
+        <TextField id="outlined-basic" sx={{ m: 1, width: '90%' }}label="Email" variant="outlined"/>
+        {
+          sent?
+            <TextField id="outlined-basic" sx={{ m: 1, width: '90%' }}label="Codigo de verificação" variant="outlined" onChange={value => setCode(value.target.value)} />
+            :
+            null
+        }
+
+          <LoginButton title='Enviar Email' onClick={() => setSent(true)} />
+
+        <fieldset className="line">
+          <legend className="text">Ou</legend>
+        </fieldset>
+
+        <p><a href='tel:+55(41) 3012-5900' >+55(41) 3012-5900</a><br/><a href='https://www.energiasmart.com.br' >www.energiasmart.com.br</a></p>
+
+      </VerifyEmailContainer>
+    </VerifyEmailView>
+  )
+}
diff --git a/src/styles/layouts/forgotPassword/ForgotPasswordView.ts b/src/styles/layouts/forgotPassword/ForgotPasswordView.ts
new file mode 100644
index 0000000..e6f35ce
--- /dev/null
+++ b/src/styles/layouts/forgotPassword/ForgotPasswordView.ts
@@ -0,0 +1,101 @@
+
+import styled from 'styled-components';
+
+export const ForgotPasswordView = styled.main<{auth: string}>`
+  display: flex;
+  display: ${props => props.auth == '/forgotPassword'? null : 'none'};
+  justify-content: flex-end;
+  align-items: center;
+
+  width: 100%;
+  height: 100vh;
+
+  padding: 0;
+  margin: 0;
+
+  @media (max-width: 1196px) {
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+
+    height: 100%;
+
+    padding: 100px;
+  }
+`;
+
+export const ForgotPasswordContainer = styled.section`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  flex-direction: column;
+
+  width: 40%;
+  margin-left: 60px;
+
+  border-radius: 10px;
+
+  background-color: #FFF;
+
+  h1{
+    margin-bottom:5px;
+    color: #092C4C;
+  }
+
+  h2{
+    font-weight: 5;
+    font-size: 21px;
+    margin-bottom: 3rem;
+    color: #092C4C;
+    font-weight: 300;
+    text-align: center;
+  }
+
+  .line {
+    border-top: 0.7px solid #E1E1E1;
+    border-bottom: none;
+    border-left: none;
+    border-right: none;
+    display: block;
+    text-align: center;
+    width: 90%;
+  }
+
+  .line .text {
+    padding: 19px 56px;
+    color: #ABB3BB;
+    font-size: 14px;
+  }
+
+  span{
+    display: flex;
+    align-self: flex-end;
+    margin-right: 5%;
+    justify-content: flex-end;
+    cursor: pointer;
+  }
+  a {
+    :nth-child(5) {
+      align-self: flex-end;
+      margin-right: 5%;
+      margin-bottom: 40px;
+      color: #5d83fc;
+    }
+  }
+
+  p{
+    color: #8B8B8B;
+    text-align: center;
+    margin-top: 1px;
+  }
+
+  @media (max-width: 1196px) {
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    width: 100%;
+    margin: 0;
+  }
+`;
diff --git a/src/styles/layouts/forgotPassword/verifyEmail.ts b/src/styles/layouts/forgotPassword/verifyEmail.ts
new file mode 100644
index 0000000..fe7cd7a
--- /dev/null
+++ b/src/styles/layouts/forgotPassword/verifyEmail.ts
@@ -0,0 +1,101 @@
+
+import styled from 'styled-components';
+
+export const VerifyEmailView = styled.main<{auth: string}>`
+  display: flex;
+  display: ${props => props.auth == '/verifyEmail'? null : 'none'};
+  justify-content: flex-end;
+  align-items: center;
+
+  width: 100%;
+  height: 100vh;
+
+  padding: 0;
+  margin: 0;
+
+  @media (max-width: 1196px) {
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+
+    height: 100%;
+
+    padding: 100px;
+  }
+`;
+
+export const VerifyEmailContainer = styled.section`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  flex-direction: column;
+
+  width: 40%;
+  margin-left: 60px;
+
+  border-radius: 10px;
+
+  background-color: #FFF;
+
+  h1{
+    margin-bottom:5px;
+    color: #092C4C;
+  }
+
+  h2{
+    font-weight: 5;
+    font-size: 21px;
+    margin-bottom: 3rem;
+    color: #092C4C;
+    font-weight: 300;
+    text-align: center;
+  }
+
+  .line {
+    border-top: 0.7px solid #E1E1E1;
+    border-bottom: none;
+    border-left: none;
+    border-right: none;
+    display: block;
+    text-align: center;
+    width: 90%;
+  }
+
+  .line .text {
+    padding: 19px 56px;
+    color: #ABB3BB;
+    font-size: 14px;
+  }
+
+  span{
+    display: flex;
+    align-self: flex-end;
+    margin-right: 5%;
+    justify-content: flex-end;
+    cursor: pointer;
+  }
+  a {
+    :nth-child(5) {
+      align-self: flex-end;
+      margin-right: 5%;
+      margin-bottom: 40px;
+      color: #5d83fc;
+    }
+  }
+
+  p{
+    color: #8B8B8B;
+    text-align: center;
+    margin-top: 1px;
+  }
+
+  @media (max-width: 1196px) {
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    width: 100%;
+    margin: 0;
+  }
+`;
diff --git a/src/styles/layouts/login/LoginView.ts b/src/styles/layouts/login/LoginView.ts
index e8b680e..2248f55 100644
--- a/src/styles/layouts/login/LoginView.ts
+++ b/src/styles/layouts/login/LoginView.ts
@@ -75,6 +75,14 @@ export const LoginContainer = styled.section`
     justify-content: flex-end;
     cursor: pointer;
   }
+  a {
+    :nth-child(5) {
+      align-self: flex-end;
+      margin-right: 5%;
+      margin-bottom: 40px;
+      color: #5d83fc;
+    }
+  }
 
   p{
     color: #8B8B8B;

From b224c837cd999f9aaf8c6c5975fb3450f683da2a Mon Sep 17 00:00:00 2001
From: joseCorte-exe <josecorte-corte@hotmail.com>
Date: Mon, 16 May 2022 17:30:12 -0300
Subject: [PATCH 4/4] :sparkles: add forgot password and pld pages

---
 public/assets/logout.svg                      |   2 +-
 src/components/mapCard/MapCard.tsx            |   2 -
 src/components/mapCard/MapCardView.ts         |   2 -
 src/components/sidebar/Sidebar.tsx            |   2 +-
 src/components/sidebar/SidebarView.ts         |   3 +-
 src/pages/dashboard.tsx                       |  17 +-
 src/pages/forgotPassword.tsx                  |   4 +-
 src/pages/notifications.tsx                   |  27 +++
 src/pages/pld/[region].tsx                    | 229 ------------------
 src/pages/pld/index.tsx                       | 217 +++++++++++++++++
 src/pages/verifyEmail.tsx                     |  45 ++--
 src/styles/app/AppView.ts                     |   2 +
 src/styles/layouts/dashboard/DashboardView.ts |   2 +
 src/styles/layouts/pld/PldView.ts             |   6 +
 14 files changed, 298 insertions(+), 262 deletions(-)
 create mode 100644 src/pages/notifications.tsx
 delete mode 100644 src/pages/pld/[region].tsx
 create mode 100644 src/pages/pld/index.tsx

diff --git a/public/assets/logout.svg b/public/assets/logout.svg
index ff3156a..ac136c2 100644
--- a/public/assets/logout.svg
+++ b/public/assets/logout.svg
@@ -1,3 +1,3 @@
 <svg width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-  <path fill="none" stroke="#FFF" stroke-width="2" d="M13,9 L13,2 L1,2 L1,22 L13,22 L13,15 M22,12 L5,12 M17,7 L22,12 L17,17"/>
+  <path fill="none" stroke="#F00" stroke-width="2" d="M13,9 L13,2 L1,2 L1,22 L13,22 L13,15 M22,12 L5,12 M17,7 L22,12 L17,17"/>
 </svg>
diff --git a/src/components/mapCard/MapCard.tsx b/src/components/mapCard/MapCard.tsx
index 743612b..367178f 100644
--- a/src/components/mapCard/MapCard.tsx
+++ b/src/components/mapCard/MapCard.tsx
@@ -14,7 +14,6 @@ export default function MapCard({ title, subtitle, statistic, imgSource }: MapCa
   const route = title==='R$/MWh'? '/consumption': `pld/${title.slice(0,2).toLocaleLowerCase()}-${title.slice(3,5).toLocaleLowerCase()}`
 
   return (
-    <Link href={route} >
       <MapCardView>
         <Image src={imgSource} width={110} height={110}/>
         <div>
@@ -33,6 +32,5 @@ export default function MapCard({ title, subtitle, statistic, imgSource }: MapCa
           </article>
         </div>
       </MapCardView>
-    </Link>
   )
 }
diff --git a/src/components/mapCard/MapCardView.ts b/src/components/mapCard/MapCardView.ts
index 22aea15..36e3f69 100644
--- a/src/components/mapCard/MapCardView.ts
+++ b/src/components/mapCard/MapCardView.ts
@@ -9,8 +9,6 @@ export const MapCardView = styled.figure`
 
   margin-right: 25px;
 
-  cursor: pointer;
-
   * {
     margin: 0;
     padding: 0;
diff --git a/src/components/sidebar/Sidebar.tsx b/src/components/sidebar/Sidebar.tsx
index d9c3d64..6a62ebb 100644
--- a/src/components/sidebar/Sidebar.tsx
+++ b/src/components/sidebar/Sidebar.tsx
@@ -38,7 +38,7 @@ export default function Sidebar() {
         <Link href='/news'><li className={router.pathname=='/news'? 'actualPath' : null}><Image src='/assets/sidebar/newsIcon.svg' width={25} height={25} />{'Notícias >'}</li></Link>
         <Link href='#'><li className={router.pathname=='/sectorialInfo'? 'actualPath' : null}><Image src='/assets/sidebar/sectorialInfoIcon.svg' width={25} height={25} />{'Info Setorial >'}</li></Link>
         <Link href='/consumption'><li className={router.pathname=='/consumption'? 'actualPath' : null} ><Image src='/assets/sidebar/consumptionIcon.svg' width={25} height={25} />{'Consumo'}</li></Link>
-        <Link href='#'><li className={router.pathname=='/notification'? 'actualPath' : null}><Image src='/assets/sidebar/notificationsIcon.svg' width={25} height={25} />{'Notificação >'}</li></Link>
+        <Link href='/notifications'><li className={router.pathname=='/notification'? 'actualPath' : null}><Image src='/assets/sidebar/notificationsIcon.svg' width={25} height={25} />{'Notificação >'}</li></Link>
         <Link href='/aboutUs'><li className={router.pathname=='/aboutUs'? 'actualPath' : null}><Image src='/assets/sidebar/dashboardIcon.svg' width={25} height={25} />{'Sobre Nós >'}</li></Link>
         <Link href='/faq'><li className={router.pathname=='/faq'? 'actualPath' : null}><Image src='/assets/sidebar/saqIcon.svg' width={25} height={25} />{'FAQ >'}</li></Link>
         <Link href='/'><button><Image src='/assets/logout.svg' width={25} height={25} />{'Sair'}</button></Link>
diff --git a/src/components/sidebar/SidebarView.ts b/src/components/sidebar/SidebarView.ts
index d14d64d..324b93d 100644
--- a/src/components/sidebar/SidebarView.ts
+++ b/src/components/sidebar/SidebarView.ts
@@ -130,7 +130,6 @@ export const SidebarView = styled.nav<SidebarViewInterface>`
     width: 10rem;
     height: 3rem;
 
-    background-color: red;
     border-style: none;
 
     border-radius: 6px;
@@ -138,7 +137,7 @@ export const SidebarView = styled.nav<SidebarViewInterface>`
     font-family: 'Poppins';
     font-weight: 600;
     font-size: 99.98%;
-    color: #fff;
+    color: #f00;
 
     cursor: pointer;
   }
diff --git a/src/pages/dashboard.tsx b/src/pages/dashboard.tsx
index 483be0d..d9f2128 100644
--- a/src/pages/dashboard.tsx
+++ b/src/pages/dashboard.tsx
@@ -6,19 +6,22 @@ import MapCard from '../components/mapCard/MapCard'
 import GraphCard from '../components/graph/graphCard/ChartCard'
 import Header from '../components/header/Header'
 import PageTitle from '../components/pageTitle/PageTitle'
+import Link from 'next/link'
 
 export default function Dashboard() {
   return (
     <DashboardView>
       <Header name='' />
       <PageTitle title='Visão Geral' subtitle='Bem Vindo a Smart Energia' />
-      <section className="cardsSection" >
-        <MapCard title='R$/MWh' subtitle='abril / 22' statistic='' imgSource='/moneyIcon.svg' />
-        <MapCard title='SE/CO' subtitle='Sudeste' statistic='R$ 273,54' imgSource='/mapSample.svg' />
-        <MapCard title='SE/CO' subtitle='Sudeste' statistic='R$ 273,54' imgSource='/mapSample.svg' />
-        <MapCard title='SE/CO' subtitle='Sudeste' statistic='R$ 273,54' imgSource='/mapSample.svg' />
-        <MapCard title='SE/CO' subtitle='Sudeste' statistic='R$ 273,54' imgSource='/mapSample.svg' />
-      </section>
+      <Link href={'pld'} >
+        <section className="cardsSection" >
+            <MapCard title='R$/MWh' subtitle='abril / 22' statistic='' imgSource='/moneyIcon.svg' />
+            <MapCard title='SE/CO' subtitle='Sudeste' statistic='R$ 273,54' imgSource='/mapSample.svg' />
+            <MapCard title='SE/CO' subtitle='Sudeste' statistic='R$ 273,54' imgSource='/mapSample.svg' />
+            <MapCard title='SE/CO' subtitle='Sudeste' statistic='R$ 273,54' imgSource='/mapSample.svg' />
+            <MapCard title='SE/CO' subtitle='Sudeste' statistic='R$ 273,54' imgSource='/mapSample.svg' />
+        </section>
+      </Link>
 
       <section className='dashboard'>
         <GraphCard title='Consumo' subtitle='Gráfico de Consumo' consumption={25} />
diff --git a/src/pages/forgotPassword.tsx b/src/pages/forgotPassword.tsx
index d77e3f8..8267f08 100644
--- a/src/pages/forgotPassword.tsx
+++ b/src/pages/forgotPassword.tsx
@@ -25,8 +25,8 @@ export default function ForgotPassword() {
       <h1>Bem-Vindo</h1>
       <h2>Estratégias Inteligentes em<br /> Gestão de Energia</h2>
 
-      <TextField id="outlined-basic" sx={{ m: 1, width: '90%' }} label="Senha" onChange={value => setPassword(value.target.value)} variant="outlined"/>
-      <TextField id="outlined-basic" sx={{ m: 1, width: '90%' }} label="Confirmar Senha" onChange={value => setConfirmPassword(value.target.value)} variant="outlined"/>
+      <TextField id="outlined-basic" sx={{ m: 1, width: '90%' }} value={password} label="Senha" onChange={value => setPassword(value.target.value)} variant="outlined"/>
+      <TextField id="outlined-basic" sx={{ m: 1, width: '90%' }} value={confirmPassword} label="Confirmar Senha" onChange={value => setConfirmPassword(value.target.value)} variant="outlined"/>
 
       <LoginButton title='Redefinir Senha' onClick={() => router.push('/')} />
 
diff --git a/src/pages/notifications.tsx b/src/pages/notifications.tsx
new file mode 100644
index 0000000..e712169
--- /dev/null
+++ b/src/pages/notifications.tsx
@@ -0,0 +1,27 @@
+import React from 'react'
+import CommonQuestionsCard from '../components/faqQuestionsCard/FaqQuestionsCard'
+import Header from '../components/header/Header'
+import PageTitle from '../components/pageTitle/PageTitle'
+import { FaqView } from '../styles/layouts/commonQuestions/FaqView'
+
+export default function Notifications() {
+  return (
+    <FaqView>
+      <Header name='' />
+      <PageTitle title='Notifications' subtitle='' />
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+      <section className='CommonQuestionsSection' >
+        <CommonQuestionsCard />
+        <hr />
+        <CommonQuestionsCard />
+        <hr />
+        <CommonQuestionsCard />
+        <hr />
+        <CommonQuestionsCard />
+        <hr />
+        <CommonQuestionsCard />
+        <hr />
+      </section>
+    </FaqView>
+  )
+}
diff --git a/src/pages/pld/[region].tsx b/src/pages/pld/[region].tsx
deleted file mode 100644
index a518f71..0000000
--- a/src/pages/pld/[region].tsx
+++ /dev/null
@@ -1,229 +0,0 @@
-import React, { useEffect, useState } from 'react'
-import Image from 'next/Image'
-import { useRouter } from 'next/router'
-
-import Header from '../../components/header/Header'
-import MenuItem from '@mui/material/MenuItem';
-import Select, { SelectChangeEvent } from '@mui/material/Select';
-
-import { PldGraphView, PldTableView } from '../../styles/layouts/pld/PldView'
-
-import RenderIf from '../../utils/renderIf'
-import BasicButton from '../../components/buttons/basicButton/BasicButton';
-import Chart from '../../components/graph/Chart';
-
-export default function region() {
-  const router = useRouter()
-  const { region } = router.query
-
-  const [page, setPage] = useState<number>(1)
-  const [age, setAge] = React.useState('');
-
-  const handleChange = (event: SelectChangeEvent) => {
-    setAge(event.target.value);
-  };
-
-  useEffect(() => {
-    console.log(page)
-  }, [page])
-
-  return (
-    <main style={{
-      width: '100%',
-    }}>
-      <Header name='' />
-      <RenderIf isTrue={page===1? true : false}>
-        <PldTableView>
-          <section className='images' >
-            <Image src='/assets/logo.svg' width={150} height={150} />
-            <Image src='/assets/logo.svg' width={150} height={150} />
-          </section>
-          <table className="tg">
-            <thead>
-              <tr>
-                <th className='tg-8oo6'>Mês</th>
-                <th className='tg-8oo6'>Nordeste</th>
-                <th className='tg-8oo6'>Norte</th>
-                <th className='tg-8oo6'>Sudeste</th>
-                <th className='tg-8oo6'>Sul</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td className='tg-gceh'>Unidade - 9500130</td>
-                <td className='tg-uulg'>Compra</td>
-                <td className='tg-gceh'>122,269</td>
-                <td className='tg-gceh'>COPEL COM I5</td>
-                <td className='tg-uulg'>234,67</td>
-              </tr>
-              <tr>
-                <td className='tg-hq65'>Unidade - 9500130</td>
-                <td className='tg-0tzy'>Compra</td>
-                <td className='tg-hq65'>110,348</td>
-                <td className='tg-hq65'>EMEWE I5</td>
-                <td className='tg-0tzy'>190,16</td>
-              </tr>
-              <tr>
-                <td className="tg-gceh">Unidade - 9500130</td>
-                <td className="tg-uulg">Compra</td>
-                <td className="tg-gceh">13,074</td>
-                <td className="tg-gceh">PACTO COMERCIALIZADORA I5</td>
-                <td className="tg-gceh">300,36</td>
-              </tr>
-              <tr>
-                <td className='tg-hq65'>Unidade - 9500130</td>
-                <td className='tg-0tzy'>Compra</td>
-                <td className='tg-hq65'>133,117</td>
-                <td className='tg-hq65'>COPEL COM I5</td>
-                <td className='tg-0tzy'>300,36</td>
-              </tr>
-              <tr>
-                <td className='tg-gceh'>Unidade - 9500130</td>
-                <td className='tg-uulg'>Compra</td>
-                <td className='tg-gceh'>120,138</td>
-                <td className='tg-gceh'>EMEWE I5</td>
-                <td className='tg-uulg'>234,67</td>
-              </tr>
-              <tr>
-                <td className='tg-hq65'>Unidade - 9500130</td>
-                <td className='tg-0tzy'>Compra</td>
-                <td className='tg-hq65'>14,897</td>
-                <td className='tg-hq65'>PACTO COMERCIALIZADORA I5</td>
-                <td className='tg-0tzy'>300,36</td>
-              </tr>
-              <tr>
-                <td className='tg-gceh'>Unidade - 9500130</td>
-                <td className='tg-uulg'>Compra</td>
-                <td className='tg-gceh'>120,138</td>
-                <td className='tg-gceh'>EMEWE I5</td>
-                <td className='tg-uulg'>234,67</td>
-              </tr>
-              <tr>
-                <td className='tg-hq65'>Unidade - 9500130</td>
-                <td className='tg-0tzy'>Compra</td>
-                <td className='tg-hq65'>14,897</td>
-                <td className='tg-hq65'>PACTO COMERCIALIZADORA I5</td>
-                <td className='tg-0tzy'>300,36</td>
-              </tr>
-              <tr>
-                <td className='tg-gceh'>Unidade - 9500130</td>
-                <td className='tg-uulg'>Compra</td>
-                <td className='tg-gceh'>120,138</td>
-                <td className='tg-gceh'>EMEWE I5</td>
-                <td className='tg-uulg'>234,67</td>
-              </tr>
-              <tr>
-                <td className='tg-hq65'>Unidade - 9500130</td>
-                <td className='tg-0tzy'>Compra</td>
-                <td className='tg-hq65'>14,897</td>
-                <td className='tg-hq65'>PACTO COMERCIALIZADORA I5</td>
-                <td className='tg-0tzy'>300,36</td>
-              </tr>
-              <tr>
-                <td className='tg-gceh'>Unidade - 9500130</td>
-                <td className='tg-uulg'>Compra</td>
-                <td className='tg-gceh'>120,138</td>
-                <td className='tg-gceh'>EMEWE I5</td>
-                <td className='tg-uulg'>234,67</td>
-              </tr>
-              <tr>
-                <td className='tg-hq65'>Unidade - 9500130</td>
-                <td className='tg-0tzy'>Compra</td>
-                <td className='tg-hq65'>14,897</td>
-                <td className='tg-hq65'>PACTO COMERCIALIZADORA I5</td>
-                <td className='tg-0tzy'>300,36</td>
-              </tr>
-              <tr>
-                <td className='tg-gceh'>Unidade - 9500130</td>
-                <td className='tg-uulg'>Compra</td>
-                <td className='tg-gceh'>120,138</td>
-                <td className='tg-gceh'>EMEWE I5</td>
-                <td className='tg-uulg'>234,67</td>
-              </tr>
-              <tr>
-                <td className='tg-hq65'>Unidade - 9500130</td>
-                <td className='tg-0tzy'>Compra</td>
-                <td className='tg-hq65'>14,897</td>
-                <td className='tg-hq65'>PACTO COMERCIALIZADORA I5</td>
-                <td className='tg-0tzy'>300,36</td>
-              </tr>
-              <tr>
-                <td className='tg-gceh'>Unidade - 9500130</td>
-                <td className='tg-uulg'>Compra</td>
-                <td className='tg-gceh'>120,138</td>
-                <td className='tg-gceh'>EMEWE I5</td>
-                <td className='tg-uulg'>234,67</td>
-              </tr>
-              <tr>
-                <td className='tg-hq65'>Unidade - 9500130</td>
-                <td className='tg-0tzy'>Compra</td>
-                <td className='tg-hq65'>14,897</td>
-                <td className='tg-hq65'>PACTO COMERCIALIZADORA I5</td>
-                <td className='tg-0tzy'>300,36</td>
-              </tr>
-            </tbody>
-          </table>
-
-          <section>
-            <article>
-              <p>Valores Diarios: </p>
-              <p>R$100,00</p>
-            </article>
-            <article>
-              <p>Valores Horários: </p>
-              <p>R$100,00</p>
-            </article>
-          </section>
-        </PldTableView>
-      </RenderIf>
-
-      <RenderIf isTrue={page===2? true : false}>
-        <PldGraphView>
-          <section className='images' >
-            <Image src='/assets/logo.svg' width={150} height={150} />
-            <Image src='/assets/logo.svg' width={150} height={150} />
-          </section>
-          <section className='toolsbar'>
-            <div className='select'>
-              <Select
-                value={age}
-                onChange={handleChange}
-                displayEmpty
-                sx={{
-                  width: '100%'
-                }}
-              >
-                <MenuItem value={0}>Filial 3</MenuItem>
-                <MenuItem value={10}>Filial 3</MenuItem>
-                <MenuItem value={20}>Twenty</MenuItem>
-                <MenuItem value={30}>Thirty</MenuItem>
-              </Select>
-            </div>
-            <input type="date" data-date="" data-date-format="DD MMMM YYYY" value="2015-08-09"/>
-            <BasicButton title='Download (csv)' />
-          </section>
-          <Chart title='' />
-        </PldGraphView>
-      </RenderIf>
-
-      <RenderIf isTrue={page===3? true : false}>
-        <PldGraphView>
-          <section className='images' >
-            <Image src='/assets/logo.svg' width={150} height={150} />
-            <Image src='/assets/logo.svg' width={150} height={150} />
-          </section>
-          <section className='toolsbar'>
-            <input type="date" data-date="" data-date-format="DD MMMM YYYY" value="2015-08-09"/>
-            <BasicButton title='Download (csv)' />
-          </section>
-          <Chart title='' />
-        </PldGraphView>
-      </RenderIf>
-
-      <footer>
-        <label onClick={() => page>1? setPage(page-1) : null} >voltar {page} </label>
-        <label onClick={() => page<3? setPage(page+1) : null} >avançar</label>
-      </footer>
-    </main>
-  )
-}
diff --git a/src/pages/pld/index.tsx b/src/pages/pld/index.tsx
new file mode 100644
index 0000000..603dd14
--- /dev/null
+++ b/src/pages/pld/index.tsx
@@ -0,0 +1,217 @@
+import React, { useEffect, useState } from 'react'
+import Image from 'next/Image'
+import { useRouter } from 'next/router'
+
+import Header from '../../components/header/Header'
+import MenuItem from '@mui/material/MenuItem';
+import Select, { SelectChangeEvent } from '@mui/material/Select';
+
+import { GoBack, PldGraphView, PldTableView } from '../../styles/layouts/pld/PldView'
+
+import RenderIf from '../../utils/renderIf'
+import BasicButton from '../../components/buttons/basicButton/BasicButton';
+import Chart from '../../components/graph/Chart';
+import PageTitle from '../../components/pageTitle/PageTitle';
+import Link from 'next/link';
+
+export default function region() {
+  const router = useRouter()
+  const { region } = router.query
+
+  const [page, setPage] = useState<string>('table')
+  const [age, setAge] = React.useState('');
+
+  const handleChange = (event: SelectChangeEvent) => {
+    setAge(event.target.value);
+  };
+
+  useEffect(() => {
+    console.log(page)
+  }, [page])
+
+  return (
+    <main style={{
+      width: '100%',
+    }}>
+      <Header name='' />
+      <RenderIf isTrue={page==='table'? true : false}>
+        <Link href='/dashboard' >{'< voltar para visão geral'}</Link>
+        <PageTitle title='Tabela de consumo Pld' subtitle=''/>
+        <PldTableView>
+          <table className="tg">
+            <thead>
+              <tr>
+                <th className='tg-8oo6'>Mês</th>
+                <th className='tg-8oo6'>Nordeste</th>
+                <th className='tg-8oo6'>Norte</th>
+                <th className='tg-8oo6'>Sudeste</th>
+                <th className='tg-8oo6'>Sul</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td className='tg-gceh'>2101</td>
+                <td className='tg-uulg'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-uulg'>xxxx</td>
+              </tr>
+              <tr>
+                <td className='tg-hq65'>2102</td>
+                <td className='tg-0tzy'>xxxx</td>
+                <td className='tg-hq65'>xxxx</td>
+                <td className='tg-hq65'>xxxx</td>
+                <td className='tg-0tzy'>xxxx</td>
+              </tr>
+              <tr>
+                <td className="tg-gceh">2103</td>
+                <td className="tg-uulg">xxxx</td>
+                <td className="tg-gceh">xxxx</td>
+                <td className="tg-gceh">xxxx</td>
+                <td className="tg-gceh">xxxx</td>
+              </tr>
+              <tr>
+                <td className='tg-hq65'>2104</td>
+                <td className='tg-0tzy'>xxxx</td>
+                <td className='tg-hq65'>xxxx</td>
+                <td className='tg-hq65'>xxxx</td>
+                <td className='tg-0tzy'>xxxx</td>
+              </tr>
+              <tr>
+                <td className='tg-gceh'>2105</td>
+                <td className='tg-uulg'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-uulg'>xxxx</td>
+              </tr>
+              <tr>
+                <td className='tg-hq65'>2106</td>
+                <td className='tg-0tzy'>xxxx</td>
+                <td className='tg-hq65'>xxxx</td>
+                <td className='tg-hq65'>xxxx</td>
+                <td className='tg-0tzy'>xxxx</td>
+              </tr>
+              <tr>
+                <td className='tg-gceh'>2107</td>
+                <td className='tg-uulg'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-uulg'>xxxx</td>
+              </tr>
+              <tr>
+                <td className='tg-hq65'>2108</td>
+                <td className='tg-0tzy'>xxxx</td>
+                <td className='tg-hq65'>xxxx</td>
+                <td className='tg-hq65'>xxxx</td>
+                <td className='tg-0tzy'>xxxx</td>
+              </tr>
+              <tr>
+                <td className='tg-gceh'>2109</td>
+                <td className='tg-uulg'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-uulg'>xxxx</td>
+              </tr>
+              <tr>
+                <td className='tg-hq65'>2110</td>
+                <td className='tg-0tzy'>xxxx</td>
+                <td className='tg-hq65'>xxxx</td>
+                <td className='tg-hq65'>xxxx</td>
+                <td className='tg-0tzy'>xxxx</td>
+              </tr>
+              <tr>
+                <td className='tg-gceh'>2111</td>
+                <td className='tg-uulg'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-uulg'>xxxx</td>
+              </tr>
+              <tr>
+                <td className='tg-hq65'>2112</td>
+                <td className='tg-0tzy'>xxxx</td>
+                <td className='tg-hq65'>xxxx</td>
+                <td className='tg-hq65'>xxxx</td>
+                <td className='tg-0tzy'>xxxx</td>
+              </tr>
+              <tr>
+                <td className='tg-gceh'>2021</td>
+                <td className='tg-uulg'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-uulg'>xxxx</td>
+              </tr>
+              <tr>
+                <td className='tg-gceh'>Mín</td>
+                <td className='tg-uulg'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-uulg'>xxxx</td>
+              </tr>
+              <tr>
+                <td className='tg-gceh'>Max</td>
+                <td className='tg-uulg'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-uulg'>xxxx</td>
+              </tr>
+              <tr>
+                <td className='tg-gceh'>Desv Pad</td>
+                <td className='tg-uulg'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-gceh'>xxxx</td>
+                <td className='tg-uulg'>xxxx</td>
+              </tr>
+            </tbody>
+          </table>
+          <section>
+            <article onClick={() => setPage('perMouth')}>
+              <p>Valores Diarios: R$100,00</p>
+            </article>
+            <article onClick={() => setPage('perDate')}>
+              <p>Valores Horários: R$100,00</p>
+            </article>
+          </section>
+        </PldTableView>
+      </RenderIf>
+
+      <RenderIf isTrue={page==='perMouth'? true : false}>
+        <GoBack onClick={() => setPage('table')}>{'< voltar para tabela pld'}</GoBack>
+        <PageTitle title='Consumo por mês' subtitle=''/>
+        <PldGraphView>
+          <section className='toolsbar'>
+            <div className='select'>
+              <Select
+                value={age}
+                onChange={handleChange}
+                displayEmpty
+                sx={{
+                  width: '100%'
+                }}
+              >
+                <MenuItem value={0}>Filial 3</MenuItem>
+                <MenuItem value={10}>Filial 3</MenuItem>
+                <MenuItem value={20}>Twenty</MenuItem>
+                <MenuItem value={30}>Thirty</MenuItem>
+              </Select>
+            </div>
+            <input type="date" data-date="" data-date-format="DD MMMM YYYY" value="2015-08-09"/>
+            <BasicButton title='Download (csv)' />
+          </section>
+          <Chart title='' />
+        </PldGraphView>
+      </RenderIf>
+
+      <RenderIf isTrue={page==='perDate'? true : false}>
+        <GoBack onClick={() => setPage('table')}>{'< voltar para tabela pld'}</GoBack>
+        <PldGraphView>
+          <PageTitle title='Consumo por dia' subtitle=''/>
+          <section className='toolsbar'>
+            <input type="date" data-date="" data-date-format="DD MMMM YYYY" value="2015-08-09"/>
+            <BasicButton title='Download (csv)' />
+          </section>
+          <Chart title='' />
+        </PldGraphView>
+      </RenderIf>
+    </main>
+  )
+}
diff --git a/src/pages/verifyEmail.tsx b/src/pages/verifyEmail.tsx
index b42a5ed..d15b1d2 100644
--- a/src/pages/verifyEmail.tsx
+++ b/src/pages/verifyEmail.tsx
@@ -5,14 +5,15 @@ import { useRouter } from 'next/router'
 import LoginButton from '../components/buttons/loginButton/LoginButton';
 import TextField from '@mui/material/TextField';
 
-import {AiOutlineEyeInvisible, AiOutlineEye} from 'react-icons/ai';
+import Alert from '@mui/material/Alert';
 
-import { ForgotPasswordContainer, ForgotPasswordView } from '../styles/layouts/forgotPassword/ForgotPasswordView';
 import { VerifyEmailContainer, VerifyEmailView } from '../styles/layouts/forgotPassword/verifyEmail';
+import RenderIf from '../utils/renderIf';
 
 export default function VerifyEmail() {
   const [sent, setSent]=useState(false);
-  const [code, setCode]=useState<string>('');
+  const [code, setCode]=useState<string>('')
+  const [codeStatus, setCodeStatus]=useState<boolean>(null)
 
   const [values, setValues] = React.useState({
     password: '',
@@ -22,17 +23,23 @@ export default function VerifyEmail() {
   const router = useRouter()
   const rota = router.pathname
 
-  useEffect(() => {
-    if (code === '0000') {
-      router.push('/forgotPassword')
-    }
-  }, [code])
-
   useEffect(() => {
     setCode('')
     setSent(false)
+    setCodeStatus(null)
   }, [rota])
 
+  function verifyConfirmationCode() {
+    if (code === '0000') {
+      setTimeout(() => {
+        router.push('/')
+      }, 2500);
+      setCodeStatus(true)
+    } else {
+      setCodeStatus(false)
+    }
+  }
+
   return (
     <VerifyEmailView auth={rota} >
       <Image src='/assets/marca1.svg' width={500} height={500} />
@@ -41,14 +48,20 @@ export default function VerifyEmail() {
         <h2>Estratégias Inteligentes em<br /> Gestão de Energia</h2>
 
         <TextField id="outlined-basic" sx={{ m: 1, width: '90%' }}label="Email" variant="outlined"/>
-        {
-          sent?
-            <TextField id="outlined-basic" sx={{ m: 1, width: '90%' }}label="Codigo de verificação" variant="outlined" onChange={value => setCode(value.target.value)} />
-            :
-            null
-        }
-
+        <RenderIf isTrue={sent? false : true}>
           <LoginButton title='Enviar Email' onClick={() => setSent(true)} />
+        </RenderIf>
+
+        <RenderIf isTrue={sent? true : false}>
+          <TextField id="outlined-basic" sx={{ m: 1, width: '90%' }}label="Codigo de verificação" variant="outlined" onChange={value => setCode(value.target.value)} />
+          <LoginButton title='Continuar' onClick={() => {verifyConfirmationCode()}} />
+          <RenderIf isTrue={codeStatus===true? true : false} >
+            <Alert severity="success">Codigo de veerificação aceito — aguarde um instante!</Alert>
+          </RenderIf>
+          <RenderIf isTrue={codeStatus===false? true : false} >
+            <Alert severity="warning">Codigo de verificação invalido — tente outro!</Alert>
+          </RenderIf>
+        </RenderIf>
 
         <fieldset className="line">
           <legend className="text">Ou</legend>
diff --git a/src/styles/app/AppView.ts b/src/styles/app/AppView.ts
index f52d117..fec14cc 100644
--- a/src/styles/app/AppView.ts
+++ b/src/styles/app/AppView.ts
@@ -3,6 +3,8 @@ import styled from 'styled-components'
 export const AppView = styled.main`
   display: flex;
 
+  height: 100%;
+
   margin: 0 0 10rem 0;
   padding: 0;
 
diff --git a/src/styles/layouts/dashboard/DashboardView.ts b/src/styles/layouts/dashboard/DashboardView.ts
index ad86bcb..7287a9a 100644
--- a/src/styles/layouts/dashboard/DashboardView.ts
+++ b/src/styles/layouts/dashboard/DashboardView.ts
@@ -27,6 +27,8 @@ export const DashboardView = styled.main`
 
     box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.1);
     border-radius: 10px;
+
+    cursor: pointer;
   }
 
   .dashboard {
diff --git a/src/styles/layouts/pld/PldView.ts b/src/styles/layouts/pld/PldView.ts
index d8fda62..41975ed 100644
--- a/src/styles/layouts/pld/PldView.ts
+++ b/src/styles/layouts/pld/PldView.ts
@@ -118,6 +118,8 @@ export const PldTableView = styled.main`
       -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.2)  ;
       -moz-box-shadow: 0 0 11px rgba(0, 0, 0, 0.2)  ;
       background: #F8F8F8;
+
+      cursor: pointer;
     }
   }
 
@@ -182,3 +184,7 @@ export const PldGraphView = styled.main`
     }
   }
 `
+
+export const GoBack = styled.label`
+  cursor: pointer
+`