🎨 improve format of the code

pages/_app.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react'
 import { useRouter } from 'next/router'
 import { AppProps } from 'next/app'
-import NProgress from 'nprogress'
+// import NProgress from 'nprogress'
 
 
 import Sidebar from '../src/components/sidebar/Sidebar'

pages/news.tsx

@@ -0,0 +1,45 @@
+import Image from 'next/image'
+import React from 'react'
+import Banner from '../src/components/banner/Banner'
+import Header from '../src/components/header/Header'
+import BasicButton from '../src/components/buttons/basicButton/BasicButton';
+import { NewsView, Button } from '../styles/layouts/news/NewsView'
+
+export default function aboutUs() {
+  return (
+    <NewsView>
+      <Header name='' />
+      <Banner title='Notícias' subtitle='Tudo de importante no setor de energia' imgSource='/assets/banners/news.png' />
+
+      <section>
+        <h2>19 Abril 2022</h2>
+        <strong>ANEEL APROVA REAJUSTE TARIFÁRIO ANUAL DA ENERGISA SERGIPE DE 16,46 % PARA O CONSUMIDOR RESIDENCIAL</strong>
+        <br />
+        <br />
+        <p>A Agência Nacional de Energia Elétrica (ANEEL) aprovou, nesta terça-feira (19/04) o reajuste tarifário anual da Energisa Sergipe – Distribuidora de Energia S.A (ESE).
+          As novas tarifas da empresa, que atende cerca de e 825 mil unidades consumidoras no Sergipe, entram em vigor nesta sexta, 22/04, com reajuste de 16,46 % para
+          o consumidor residencial. <br />
+          Os itens que mais impactaram a correção foram os encargos setoriais, os custos de distribuição, a retirada dos componentes financeiros..</p>
+        <Button>
+        <fieldset>
+        <legend> <BasicButton  title='Ver Mais...' /></legend>
+        </fieldset>
+        </Button>
+
+          <h2>19 Abril 2022</h2>
+        <strong>NEEL APROVA REAJUSTE MÉDIO DE 20,36% NA TARIFA DE ENERGIA NO RN</strong>
+        <br />
+        <br />
+        <p>A Agência Nacional de Energia Elétrica (ANEEL) aprovou, nesta terça-feira (19/04) o reajuste tarifário anual da Energisa Sergipe – Distribuidora de Energia S.A (ESE).
+          As novas tarifas da empresa, que atende cerca de e 825 mil unidades consumidoras no Sergipe, entram em vigor nesta sexta, 22/04, com reajuste de 16,46 % para
+          o consumidor residencial. <br />
+          Os itens que mais impactaram a correção foram os encargos setoriais, os custos de distribuição, a retirada dos componentes financeiros..</p>
+        <Button>
+        <fieldset>
+        <legend> <BasicButton  title='Ver Mais...' /></legend>
+        </fieldset>
+        </Button>
+      </section>
+    </NewsView>
+  )
+}

pages/resumoOperacao.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import Header from '../src/components/header/Header';
 import PageTitle from '../src/components/pageTitle/PageTitle';
 import Sidebar from '../src/components/sidebar/Sidebar';
-
+import BasicButton from '../src/components/buttons/basicButton/BasicButton';
 import { TableView } from '../styles/layouts/ResumoOperacao/ResumoOperacaoView';
 
 export default function ResumoOperacao() {
@@ -72,6 +72,12 @@ export default function ResumoOperacao() {
             <td className='tg-0tzy'>300,36</td>
             <td className='tg-hq65'>5.965,95</td>
           </tr>
+          <BasicButton title='Enviar PDF' />
+            <p>Mostando de 1 a 10 de 30 Entradas</p>
+            {/* <div className=''>
+              <p>Anterior 01 02 ... Proxima</p>
+            </div> */}
+
         </tbody>
       </table>
     </TableView>

styles/layouts/news/NewsView.ts

@@ -0,0 +1,66 @@
+import styled from "styled-components";
+
+export const NewsView = styled.main`
+  width: 100%;
+
+  p {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 300;
+    font-size: 17px;
+    line-height: 26px;
+  }
+  h2{
+    color: #254F7F;
+  }
+
+  ul {
+    list-style: none;
+
+    li {
+      display: flex;
+      margin-bottom: 8px;
+    }
+  }
+
+  section {
+    article {
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+
+      aside {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        width: fit-content;
+
+        flex-direction: column;
+      }
+    }
+
+
+}`;
+
+export const Button = styled.div`
+   display: flex;
+   justify-content: center;
+
+
+   fieldset {
+    border-top: 0.7px solid #E1E1E1;
+    border-bottom: none;
+    border-left: none;
+    border-right: none;
+    display: block;
+    text-align: center;
+    width: 100%;
+  }
+
+  fieldset legend {
+      padding: 25px 4px;
+      color: #ABB3BB;
+      font-size: 14px;
+  }
+`;