[Microfrontends] Remove the hyphen from Micro-Frontends (#964)

### Description

<!--
✍️ Write a short summary of your work. Screenshots and videos are
welcome!
-->

### Demo URL

<!--
Provide a URL to a live deployment where we can test your PR. If a demo
isn't possible feel free to omit this section.
-->

### Type of Change

- [ ] New Example
- [ ] Example updates (Bug fixes, new features, etc.)
- [ ] Other (changes to the codebase, but not to examples)

### New Example Checklist

- [ ] 🛫 `npm run new-example` was used to create the example
- [ ] 📚 The template wasn't used but I carefuly read the [Adding a new
example](https://github.com/vercel/examples#adding-a-new-example) steps
and implemented them in the example
- [ ] 📱 Is it responsive? Are mobile and tablets considered?

Author: mknichel

solutions/microfrontends/apps/docs/app/layout.tsx

@@ -1,7 +1,13 @@
+import type { Metadata } from 'next'
 import { PrefetchCrossZoneLinks } from '@acme/components/prefetch'
 import { Layout } from '@vercel/examples-ui'
 import '@vercel/examples-ui/globals.css'
 
+export const metadata: Metadata = {
+  title: 'Microfrontends - Docs',
+  description: 'Example demonstrating vertical microfrontends on Vercel',
+}
+
 export default function RootLayout({
   children,
 }: Readonly<{

solutions/microfrontends/apps/main/app/layout.tsx

@@ -1,7 +1,13 @@
+import type { Metadata } from 'next'
 import { PrefetchCrossZoneLinks } from '@acme/components/prefetch'
 import { Layout } from '@vercel/examples-ui'
 import '@vercel/examples-ui/globals.css'
 
+export const metadata: Metadata = {
+  title: 'Microfrontends - Main',
+  description: 'Example demonstrating vertical microfrontends on Vercel',
+}
+
 export default function RootLayout({
   children,
 }: Readonly<{

solutions/microfrontends/apps/main/app/page.tsx

@@ -8,18 +8,18 @@ export default function Home(): React.ReactNode {
     <Page>
       <Navbar />
       <Text variant="h1" className="mb-6">
-        Micro-Frontends
+        Microfrontends
       </Text>
       <Text className="mb-4">
-        In this Micro-Frontends app we have a monorepo using{' '}
+        In this microfrontends app we have a monorepo using{' '}
         <a
           className="text-link hover:text-link-light transition-colors"
           href="https://turbo.build/repo/docs"
         >
           Turborepo
         </a>{' '}
         with multiple packages, each using TypeScript and going through a
-        different Micro-Frontend technique:
+        different microfrontend technique:
       </Text>
       <Text variant="h2" className="mt-10 mb-6">
         apps/main