Fix drawer padding and footer positioning on Dashboard and Signup pages

nextjs/src/app/reset-password/ResetPassword.tsx

@@ -21,6 +21,7 @@ import { useRouter, useSearchParams } from 'next/navigation'
 import { AxiosResponse } from 'axios'
 import { Button } from '@/components/ui/button'
 import { Card } from '@/components/ui/card'
+import Footer from '@/components/Footer'
 import Image from 'next/image'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
@@ -292,9 +293,7 @@ const ResetPassword = (): JSX.Element => {
         </div>
       </div>
 
-      <footer className="text-muted-foreground fixed right-0 bottom-0 left-0 mb-4 text-center text-sm">
-        © 2019 - {new Date().getFullYear()} AYANWORKS | All rights reserved.
-      </footer>
+      <Footer fixed={true} />
     </div>
   )
 }

nextjs/src/components/Footer.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+
+interface IFooter {
+  fixed?: boolean
+}
+
+const Footer: React.FC<IFooter> = ({ fixed = false }) => (
+  <footer
+    className={`text-muted-foreground mt-5 mb-1 text-center text-xs md:mb-4 md:text-sm ${
+      fixed ? 'fixed bottom-0 w-full' : ''
+    }`}
+  >
+    © 2015 - {new Date().getFullYear()} AYANWORKS TECHNOLOGY SOLUTIONS PRIVATE
+    LIMITED.
+  </footer>
+)
+
+export default Footer

nextjs/src/config/SidePanelCommon.tsx

@@ -39,7 +39,10 @@ export default function SidePanelComponent({
 }: Props): React.JSX.Element {
   return (
     <Sheet open={open} onOpenChange={onOpenChange}>
-      <SheetContent side="right" className="w-full max-w-xl space-y-6">
+      <SheetContent
+        side="right"
+        className="w-full max-w-xl min-w-[500px] space-y-6 p-4"
+      >
         <SheetHeader>
           <SheetTitle className="text-xl font-semibold">{title}</SheetTitle>
           <SheetDescription className="text-muted-foreground text-sm">
@@ -48,7 +51,7 @@ export default function SidePanelComponent({
         </SheetHeader>
 
         <Card>
-          <CardContent className="space-y-4 p-4">
+          <CardContent className="space-y-4 p-8">
             {fields.map((field, index) => (
               <div key={index} className="space-y-1">
                 <div className="text-muted-foreground text-sm">

nextjs/src/features/components/SignUpUser.tsx

@@ -3,6 +3,7 @@
 import React, { useState } from 'react'
 
 import EmailVerificationForm from './EmailVerificationForm'
+import Footer from '@/components/Footer'
 import Link from 'next/link'
 import UserInfoForm from './UserInfoForm'
 import { useSearchParams } from 'next/navigation'
@@ -68,6 +69,7 @@ export default function SignUpUser(): React.JSX.Element {
           </Link>
         </div>
       </div>
+      <Footer fixed={true} />
     </div>
   )
 }

nextjs/src/features/components/sigin-view.tsx

@@ -2,6 +2,7 @@
 
 import { CredeblLogoHeight, CredeblLogoWidth } from '@/config/CommonConstant'
 
+import Footer from '@/components/Footer'
 import Image from 'next/image'
 import { Metadata } from 'next'
 import React from 'react'
@@ -46,11 +47,7 @@ export default function SignInPage(): React.JSX.Element {
       <div className="flex flex-1 items-center justify-center px-4">
         <UserAuthForm />
       </div>
-
-      <footer className="text-muted-foreground mb-1 text-center text-xs md:mb-4 md:text-sm">
-        © 2019 - {new Date().getFullYear()} AYANWORKS TECHNOLOGY SOLUTIONS
-        PRIVATE LIMITED.
-      </footer>
+      <Footer />
     </div>
   )
 }

nextjs/src/features/dashboard/components/dashboard.tsx

@@ -12,6 +12,7 @@ import { AxiosResponse } from 'axios'
 import { Button } from '@/components/ui/button'
 import { CreateWalletIcon } from '@/components/iconsSvg'
 import CredentialDefinition from './CredentialDefinition '
+import Footer from '@/components/Footer'
 import OrganizationCardList from './OrganizationCardList'
 import PageContainer from '@/components/layout/page-container'
 import RecentActivity from './RecentActivity'
@@ -231,6 +232,7 @@ export default function Dashboard(): React.JSX.Element {
           <RecentActivity />
         </div>
       </div>
+      <Footer />
     </PageContainer>
   )
 }