fix page login layout

src/components/template/Footer.tsx

@@ -1,3 +1,13 @@
+import { Text, Container, Center } from "@chakra-ui/react";
+
 export default function Footer() {
- return <></>;
+ return (
+ <Container as="footer">
+ <Center>
+ <Text fontSize="sm" color="subtle">
+ &copy; {new Date().getFullYear()} Finances reserved.
+ </Text>
+ </Center>
+ </Container>
+ );
 }

src/components/template/Layout.tsx

@@ -1,3 +1,5 @@
+import { Box, Flex } from "@chakra-ui/react";
+
 import Footer from "./Footer";
 import NavbarTop from "./NavbarTop";
 
@@ -7,10 +9,12 @@ interface Props {
 
 export default function Layout({ children }: Props) {
  return (
- <>
+ <Box w="100%">
  <NavbarTop />
+ <Box w="100%" h="calc(100vh)">
  <main>{children}</main>
+ </Box>
  <Footer />
- </>
+ </Box>
  );
-}
+}

src/pages/profile/index.tsx

@@ -22,11 +22,6 @@ import { useSession } from "next-auth/react";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
 
-import InputMask from "react-input-mask";
-import MaskedInput from "react-text-mask";
-import { useEffect, useState } from "react";
-import emailMask from "text-mask-addons/dist/emailMask";
-
 import Button from "@/components/Button";
 import { Input } from "@/components/Input";
 import Layout from "@/components/template/Layout";