feat: first iteration of the new ledger page

Author: corp-0

app/(account)/confirm-email/[token]/page.tsx

@@ -20,7 +20,7 @@ const MailConfirmationPage = () => {
         fetchData().then(r => {
             setResponse(r);
         });
-    }, []);
+    }, [token]);
 
     if (!token) {
         return <main>

app/(account)/logout/page.tsx

@@ -11,7 +11,7 @@ const LogoutPage = () => {
         authState.logout().then(() => {
             redirect("login");
         });
-    }, []);
+    }, [authState]);
 }
 
 export default LogoutPage;

app/(home)/latestNews.tsx

@@ -3,6 +3,7 @@ import classNames from "classnames";
 import Container from "../common/uiLibrary/container";
 import PageSectionTitle from "../common/uiLibrary/pageSectionTitle";
 import LinkButton from "../common/uiLibrary/linkButton";
+import Image from "next/image";
 
 interface PostPreviewCardProps {
     post: BlogPost,
@@ -30,6 +31,7 @@ const PostPreviewImage = ({post, isMain = false, className}: PostPreviewCardProp
     return (
         <div className={classNames(outerContainerStyles, {className})}>
             <div className={innerContainerStyles}>
+                {/* eslint-disable-next-line @next/next/no-img-element */}
                 <img
                     src={post.socials_image}
                     alt={post.title}

app/ledger/presentation.tsx

@@ -64,7 +64,7 @@ export default function LedgerPresentation() {
 
             <DataTable columns={content.columns} data={content.data} />
 
-            //TODO: make this shit a generic component and stylise it
+            {/*TODO: make this shit a generic component and stylise it*/}
             <div className="flex justify-between p-5">
                 <div className="flex-1">
                     {hasPreviousPage && (

context/ledger/LedgerDataTableProvider.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import {createContext, ReactNode, useContext, useEffect, useState} from "react";
+import {createContext, ReactNode, useContext} from "react";
 import {DataTableProps} from "../../components/organisms/DataTable";
 import {LedgerData} from "../../types/ledger/ledgerResponse";
 import {useLedgerApiProvider} from "./LedgerApiProvider";