Style/add tailwind typography and font

Objective:

Add project font and typography to the project.

What has been done:

• Added @next/font lib
• Added tailwind-merge lib
• Added font Manrope to tailwind.config.ts
• Added typography to src/styles/index.css

Additionally:

• changed staging build to production build on vercel

src/components/SPA/MinervaSPA.component.tsx

+import { Manrope } from '@next/font/google';
+import { twMerge } from 'tailwind-merge';
 import { Map } from '@/components/Map';
 import { FunctionalArea } from '@/components/FunctionalArea';
 
+const manrope = Manrope({
+  variable: '--font-manrope',
+  display: 'swap',
+  weight: ['400', '700'],
+  subsets: ['latin'],
+});
+
 export const MinervaSPA = (): JSX.Element => (
-  <div className="relative">
+  <div className={twMerge('relative', manrope.variable)}>
     <FunctionalArea />
     <Map />
   </div>