Add signature menu item and wrap MySignatureCard in a div on ProfilePage

apps/edr-freight-web/portal/src/components/AppLayout.tsx

@@ -18,6 +18,7 @@ import { useDisclosure } from "@mantine/hooks";
 import {
   Bell,
   ChevronDown,
+  FileSignature,
   LogOut,
   Menu as MenuIcon,
   Moon,
@@ -312,6 +313,12 @@ export function AppLayout({
                 >
                   Profile
                 </Menu.Item>
+                <Menu.Item
+                  leftSection={<FileSignature size={15} />}
+                  onClick={() => navigate("/profile#signature")}
+                >
+                  My signature
+                </Menu.Item>
                 <Menu.Item
                   leftSection={<Settings size={15} />}
                   onClick={() => navigate("/settings")}

apps/edr-freight-web/portal/src/pages/ProfilePage.tsx

@@ -177,7 +177,9 @@ export default function ProfilePage() {
                 </CardContent>
               </Card>
 
-              <MySignatureCard />
+              <div id="signature">
+                <MySignatureCard />
+              </div>
             </div>
           </div>
         </div>