update footer and containers

src/components/nav/Footer.tsx

@@ -41,7 +41,7 @@ const Footer = () => {
   return (
     <footer className="footer footer-center text-base-content py-8">
       <div>
-        <div className="grid grid-flow-col gap-6">
+        <div className="grid grid-cols-4 lg:gird-cols-none gap-10 lg:gap-6">
           {linkItems.map((item, index) => (
             <div
               key={index}

src/pages/dashboard/index.tsx

@@ -1,13 +1,13 @@
 import type { NextPage } from "next";
-import Container from "~/components/Container";
+import Container from "~/components/containers/Container";
 import { useContractReads, useNetwork, chain } from "wagmi";
 import { useState } from "react";
 import {
   NumberStatCard,
   ChainStatCard,
   DateStatCard,
 } from "~/components/StatCards";
-import CardContainer from "~/components/CardContainer";
+import CardContainer from "~/components/containers/CardContainer";
 import { xenContract } from "~/lib/xen-contract";
 
 interface DashboardData {

src/pages/mint/1.tsx

@@ -8,7 +8,7 @@ import {
   useWaitForTransaction,
   usePrepareContractWrite,
 } from "wagmi";
-import Container from "~/components/Container";
+import Container from "~/components/containers/Container";
 import { MaxValueField } from "~/components/FormFields";
 import { InformationCircleIcon } from "@heroicons/react/outline";
 import { DateStatCard, NumberStatCard } from "~/components/StatCards";
@@ -24,7 +24,7 @@ import toast from "react-hot-toast";
 import { clsx } from "clsx";
 import * as yup from "yup";
 import GasEstimate from "~/components/GasEstimate";
-import CardContainer from "~/components/CardContainer";
+import CardContainer from "~/components/containers/CardContainer";
 
 const Mint = () => {
   const { address } = useAccount();

src/pages/mint/2.tsx

@@ -4,7 +4,7 @@ import {
   useAccount,
   useContractReads,
 } from "wagmi";
-import Container from "~/components/Container";
+import Container from "~/components/containers/Container";
 import {
   NumberStatCard,
   ProgressStatCard,
@@ -15,7 +15,7 @@ import { useEffect, useState } from "react";
 import Link from "next/link";
 import { xenContract } from "~/lib/xen-contract";
 import Countdown from "react-countdown";
-import CardContainer from "~/components/CardContainer";
+import CardContainer from "~/components/containers/CardContainer";
 
 const Mint = () => {
   const { address } = useAccount();

src/pages/mint/3.tsx

@@ -8,7 +8,7 @@ import {
   usePrepareContractWrite,
 } from "wagmi";
 import Link from "next/link";
-import Container from "~/components/Container";
+import Container from "~/components/containers/Container";
 import GasEstimate from "~/components/GasEstimate";
 import { MaxValueField, WalletAddressField } from "~/components/FormFields";
 import { useState, useEffect } from "react";
@@ -28,7 +28,7 @@ import {
 import toast from "react-hot-toast";
 import { clsx } from "clsx";
 import * as yup from "yup";
-import CardContainer from "~/components/CardContainer";
+import CardContainer from "~/components/containers/CardContainer";
 
 const Mint = () => {
   const { address } = useAccount();

src/pages/portfolio/index.tsx

@@ -1,5 +1,5 @@
 import type { NextPage } from "next";
-import Container from "~/components/Container";
+import Container from "~/components/containers/Container";
 import { useNetwork, Chain, useContractRead } from "wagmi";
 import { xenContract } from "~/lib/xen-contract";
 import PortfolioAddressRow from "~/components/PortfolioAddressRow";
@@ -12,7 +12,7 @@ import * as yup from "yup";
 import { CountDataCard } from "~/components/StatCards";
 import { useEffect, useState } from "react";
 import { InformationCircleIcon } from "@heroicons/react/outline";
-import CardContainer from "~/components/CardContainer";
+import CardContainer from "~/components/containers/CardContainer";
 
 const Portfolio: NextPage = () => {
   const { chain } = useNetwork() as { chain: Chain };

src/pages/stake/1.tsx

@@ -1,5 +1,5 @@
 import Link from "next/link";
-import Container from "~/components/Container";
+import Container from "~/components/containers/Container";
 
 import {
   useFeeData,
@@ -27,7 +27,7 @@ import toast from "react-hot-toast";
 import GasEstimate from "~/components/GasEstimate";
 import { clsx } from "clsx";
 import * as yup from "yup";
-import CardContainer from "~/components/CardContainer";
+import CardContainer from "~/components/containers/CardContainer";
 
 const Stake = () => {
   const { address } = useAccount();

src/pages/stake/2.tsx

@@ -1,5 +1,5 @@
 import Link from "next/link";
-import Container from "~/components/Container";
+import Container from "~/components/containers/Container";
 import { useNetwork, useContractRead, useBalance, useAccount } from "wagmi";
 import { progressDays } from "~/lib/helpers";
 import {
@@ -10,7 +10,7 @@ import {
 import { xenContract } from "~/lib/xen-contract";
 import { useEffect, useState } from "react";
 import Countdown from "react-countdown";
-import CardContainer from "~/components/CardContainer";
+import CardContainer from "~/components/containers/CardContainer";
 
 const Stake = () => {
   const { address } = useAccount();

src/pages/stake/3.tsx

@@ -1,5 +1,5 @@
 import Link from "next/link";
-import Container from "~/components/Container";
+import Container from "~/components/containers/Container";
 import {
   useFeeData,
   useNetwork,
@@ -19,7 +19,7 @@ import { InformationCircleIcon } from "@heroicons/react/outline";
 import toast from "react-hot-toast";
 import { clsx } from "clsx";
 import GasEstimate from "~/components/GasEstimate";
-import CardContainer from "~/components/CardContainer";
+import CardContainer from "~/components/containers/CardContainer";
 
 const Stake = () => {
   const { address } = useAccount();