refactor: Commonize Paragraph

src/components/Paragraph/styles.ts

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import styled from "styled-components";
 
 export const Paragraph = styled.p`
   padding-top: 1rem;

src/pages/about/index.tsx

@@ -1,12 +1,12 @@
-import { Paragraph } from './styles';
 import { MainContainer } from '../../components/MainContent/styles';
+import { Paragraph } from '../../components/Paragraph/styles';
 
 export default function About() {
   return (
     <MainContainer>
       <h1>About Me</h1>
       <Paragraph>
-      <span>I'm Giv, a software engineering student interning at a nice company located in Minas Gerais, Brazil!</span>
+      <span>I'm Giv, a software engineering student, interning and studying in Minas Gerais, Brazil!</span>
       </Paragraph>
     </MainContainer>
   );

src/pages/contact/index.tsx

@@ -1,7 +1,8 @@
 import { useState } from 'react';
-import { Button, Paragraph, TextArea } from './styles';
+import { Button, TextArea } from './styles';
 import { MainContainer } from '../../components/MainContent/styles';
 import { Send } from 'lucide-react';
+import { Paragraph } from '../../components/Paragraph/styles';
 
 export default function Contact() {
   const emailAddress = import.meta.env.VITE_GIV_EMAIL;

src/pages/contact/styles.ts

@@ -1,10 +1,5 @@
 import styled from 'styled-components';
 
-export const Paragraph = styled.p`
-  padding-top: 1rem;
-  font-size: 1.25rem;
-`;
-
 export const TextArea = styled.textarea`
   height: 10rem;
   margin-top: 1rem;