feat(footer): add Documentation and Contact support links

frontend/app/components/shared/layout/footer.vue

@@ -58,10 +58,18 @@ SPDX-License-Identifier: MIT
                     {{ link.name }}
                   </a>
                 </template>
+                <button
+                  v-else-if="link.intercom"
+                  type="button"
+                  class="text-sm leading-7 text-white hover:underline self-start text-left"
+                  @click="openIntercom"
+                >
+                  {{ link.name }}
+                </button>
                 <template v-else>
                   <button
                     type="button"
-                    class="text-sm leading-7 text-white hover:underline -ml-1 self-start text-left"
+                    class="text-sm leading-7 text-white hover:underline self-start text-left"
                     @click="link.action"
                   >
                     {{ link.name }}
@@ -90,11 +98,18 @@ SPDX-License-Identifier: MIT
 
 <script setup lang="ts">
 import { nextTick, ref } from 'vue';
+import { useIntercom } from '~/composables/useIntercom';
 import { lfxFooterMenu } from '~/config/menu/footer';
 import { AppRoute } from '~/config/routes';
 
 const lfxFooterRef = ref<HTMLElement | null>(null);
 
+const { show } = useIntercom();
+
+function openIntercom() {
+  show();
+}
+
 onMounted(async () => {
   await nextTick();
   const el = document.querySelector('.lfx-footer-wc') as HTMLElement;

frontend/app/config/menu/footer.ts

@@ -23,6 +23,8 @@ export const lfxFooterMenu: FooterMenuSection[] = [
         },
       },
       { name: 'About', link: AppRoute.About },
+      { name: 'Documentation', link: '/docs' },
+      { name: 'Contact support', intercom: true },
     ],
   },
   {

frontend/app/config/menu/header.ts

@@ -26,6 +26,7 @@ export const lfxHeaderMenu: HeaderMenuItem[] = [
       { label: 'For Projects', icon: 'laptop-code', to: AppRoute.ForProjects },
       { label: 'For Companies', icon: 'buildings', to: AppRoute.ForCompanies },
       { label: 'About', icon: 'circle-info', to: AppRoute.About },
+      { label: 'Documentation', icon: 'book-open', to: '/docs' },
     ],
   },
 ];

frontend/app/types/footer.types.ts

@@ -2,8 +2,9 @@
 // SPDX-License-Identifier: MIT
 
 export type FooterMenuLink =
-  | { name: string; link: string; action?: never }
-  | { name: string; action: () => void; link?: never };
+  | { name: string; link: string; action?: never; intercom?: never }
+  | { name: string; action: () => void; link?: never; intercom?: never }
+  | { name: string; intercom: true; link?: never; action?: never };
 
 export interface FooterMenuSection {
   title: string;