feat: Footer component (#255)

frontend/components/Footer.tsx

@@ -1,3 +1,4 @@
+import Image from 'next/image';
 import { Link, NextUiLinkClasses } from '@/src/i18n/routing';
 import { LocaleCodeType } from '@/types/locale';
 
@@ -7,10 +8,18 @@ type Props = {
 
 export default function Footer({ locale }: Props) {
   return (
-    <div className="w-full text-center py-2 px-6 flex flex-wrap justify-center items-center gap-4">
+    <div className="w-full text-center py-2 px-6 flex flex-wrap justify-center items-center gap-4 text-gray-500">
-      <div>Copyright © 2024-present UnitTCMS</div>
+      <Link href="https://unittcms.org">
+        <Image src="/favicon/icon-192.png" width={32} height={32} alt="Logo" />
+      </Link>
+      <div>
+        <span>Copyright © 2024-present </span>
+        <Link href="https://unittcms.org" className={`${NextUiLinkClasses} !text-gray-500 hover:text-gray-700`}>
+          UnitTCMS
+        </Link>
+      </div>
 
-      <Link href={'/health'} locale={locale} className={`${NextUiLinkClasses} text-gray-500 hover:text-gray-700`}>
+      <Link href={'/health'} locale={locale} className={`${NextUiLinkClasses} !text-gray-500 hover:text-gray-700`}>
         Status
       </Link>
     </div>

frontend/src/app/[locale]/account/authPage.tsx

@@ -11,6 +11,7 @@ import { TokenContext } from '@/utils/TokenProvider';
 import { useRouter } from '@/src/i18n/routing';
 import Config from '@/config/config';
 import { LocaleCodeType } from '@/types/locale';
+import Footer from '@/components/Footer';
 const isDemoSite = Config.isDemoSite;
 
 type Props = {
@@ -93,7 +94,8 @@ export default function AuthPage({ isSignup, messages, locale }: Props) {
   };
 
   return (
-    <Card className="w-[480px] mt-16">
+    <div className="h-[calc(100vh-64px)] flex flex-col justify-around">
+      <Card className="w-[380px] md:w-[480px]">
         <CardHeader className="px-4 pt-4 pb-0 flex justify-between">
           <h4 className="font-bold text-large">{messages.title}</h4>
           <Button
@@ -192,5 +194,7 @@ export default function AuthPage({ isSignup, messages, locale }: Props) {
           </form>
         </CardBody>
       </Card>
+      <Footer locale={locale} />
+    </div>
   );
 }