feature - added links to about

Frontend/app/(authenticated)/account/page.tsx

@@ -23,11 +23,14 @@ export default async function AccountPage() {
         role="main"
         className="h-full flex flex-col min-h-screen mx-auto w-screen overflow-hidden bg-base-100"
       >
-        <Background className="min-h-screen">
+        <Background className="min-h-screen flex">
+          <div className="min-h-screen flex flex-col">
+
           <PageHeader title="Account" subtitle={<></>} />
           <AccountContent user={user} />
-          <Spacer className="mt-auto" />
+          <Spacer className="mt-auto mb-auto" />
           <Footer />
+          </div>
         </Background>
       </main>
     )

Frontend/app/(public)/about/page.tsx

@@ -15,12 +15,12 @@ export default async function About() {
       <PageHeader title="Helping Developers Build" />
       <div className="max-w-4xl mx-auto mb-auto pb-24 h-full w-full py-12 px-8 flex flex-col gap-y-12 text-center items-center">
         <p className="text-lg text-base-content font-thin">
-          In 2023 I built <b className="font-bold">Sign365</b> using pocketbase
+          In 2023 I built <Link href={"https://sign365.com.au"} className="font-bold text-secondary">Sign365</Link> using pocketbase
-          and setup an open source library to help people get setup with Stripe
+          and setup an open source library to help people get setup with <Link href={"https://github.com/mrwyndham/pocketbase-stripe"} className="font-bold text-secondary">Stripe
-          + Pocketbase. As 2024 has come around I have had more and more
+          + Pocketbase</Link>. As 2024 has come around I have had more and more
           requests for applications and features on the existing code. I built a
           codebase that would save me 20 hours + in the bootstrapping time to
-          get my applications ready. That is why I had to build FastPocket an
+          get my applications ready. That is why I had to build <Link href={"https://fastpocket.dev"} className="font-bold text-secondary">FastPocket</Link> an
           easy solution to give everyone a head start.
         </p>
         <p className="text-lg text-base-content font-thin">
@@ -28,21 +28,21 @@ export default async function About() {
           applications, I&apos;ve seen that there will never be one codebase
           that suits all developers. But I am sure for those who are
           opensourcing, self-hosting and want to spin up an application quickly
-          they will be able to do it using FastPocket
+          they will be able to do it using <Link href={"https://fastpocket.dev"} className="font-bold text-secondary">FastPocket</Link>
         </p>
         <p className="text-lg text-base-content font-thin">
-          I am taking all of the knowledge that I have gained accross 20+
+          I am taking all of the knowledge that I have gained across 20+
           different React projects and combining it into 1 single codebase. It
           includes personal philosophies on styling, theming and building and
           will help indie-hackers, startups make complex technical decisions
           that have been battle tested in enterprise code
         </p>
         <p className="text-lg text-base-content font-thin">
-          So I&apos;ve committed to building FastPocket to help you build your
+          So I&apos;ve committed to building <Link href={"https://fastpocket.dev"} className="font-bold text-secondary">FastPocket</Link> to help you build your
           projects faster to get paid.
         </p>
         <p className="text-xl text-base-content font-bold">
-          FastPocket will get you producing more with less development.
+        <Link href={"https://fastpocket.dev"} className="font-bold text-secondary">FastPocket</Link> will get you producing more with less development.
         </p>
         <p className="text-lg text-base-content font-thin">
           I know that your next project will grow exponentially because of the