Add react hooks & components to split up the profile page. Learning how to separate hooks

src/components/default/footer/index.tsx

@@ -0,0 +1,20 @@
+'use server';
+
+const FooterTest = () => {
+  return (
+    <footer className='w-full flex items-center justify-center border-t mx-auto text-center text-xs gap-8 py-16'>
+      <p>
+        Powered by{' '}
+        <a
+          href='https://supabase.com/?utm_source=create-next-app&utm_medium=template&utm_term=nextjs'
+          target='_blank'
+          className='font-bold hover:underline'
+          rel='noreferrer'
+        >
+          Supabase
+        </a>
+      </p>
+    </footer>
+  );
+};
+export default FooterTest;