feat(form): created initial component

src/pages/Institutional/Contact/index.tsx

@@ -0,0 +1,11 @@
+export function Contact() {
+	return (
+		<section>
+			<div>
+				<h2 className="title">
+          Preencha o formulário 
+        </h2>
+			</div>
+		</section>
+	)
+}

src/settings/routes/index.tsx

@@ -2,6 +2,7 @@ import { useMemo } from 'react'
 import { Outlet, Route, Routes } from 'react-router-dom'
 import { Breadcrumb } from '../../components/Breadcrumb'
 import { About } from '../../pages/Institutional/About'
+import { Contact } from '../../pages/Institutional/Contact'
 import { Footer } from '../../template/Footer'
 import { Header } from '../../template/Header'
 import { Sidebar } from '../../template/Sidebar'
@@ -47,7 +48,7 @@ export function Router() {
 					}
 				>
 					<Route index element={<About />} />
-					<Route path="/contact" element={<h2>Preencha o formulário</h2>} />
+					<Route path="/contact" element={<Contact />} />
 					<Route path="/payments" element={<h2>Formas de pagamentos</h2>} />
 					<Route path="/exchange" element={<h2>Troca e Devolução</h2>} />
 					<Route path="/privacity" element={<h2>Privacidade</h2>} />

src/template/Sidebar/index.tsx

@@ -11,7 +11,7 @@ export function Sidebar() {
 		{ name: 'Entrega', path: '/shipping' },
 		{ name: 'Troca e Devolução', path: '/exchange' },
 		{ name: 'Segurança e Privacidade', path: '/privacity' },
-		{ name: 'Contact', path: '/contact' },
+		{ name: 'Contato', path: '/contact' },
 	]
 
 	return (