feat(blog): add file-based blog with dynamic slugs, MDX content and layout shell

- Introduced blog routing using Next.js App Router
- Implemented dynamic [slug] pages for blog posts
- Added MDX-based content loading via lib/posts
- Integrated shared TopBar layout with navigation
- Established clear content, lib and component separation

apps/public-web/node_modules/next/dist/lib/metadata/metadata.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { GetDynamicParamFromSegment } from '../../server/app-render/app-render';
+import type { LoaderTree } from '../../server/lib/app-dir-module';
+import type { SearchParams } from '../../server/request/search-params';
+import { type MetadataErrorType } from './resolve-metadata';
+import type { MetadataContext } from './types/resolvers';
+import type { WorkStore } from '../../server/app-render/work-async-storage.external';
+export declare function createMetadataComponents({ tree, pathname, parsedQuery, metadataContext, getDynamicParamFromSegment, errorType, workStore, serveStreamingMetadata, }: {
+    tree: LoaderTree;
+    pathname: string;
+    parsedQuery: SearchParams;
+    metadataContext: MetadataContext;
+    getDynamicParamFromSegment: GetDynamicParamFromSegment;
+    errorType?: MetadataErrorType | 'redirect';
+    workStore: WorkStore;
+    serveStreamingMetadata: boolean;
+}): {
+    Viewport: React.ComponentType;
+    Metadata: React.ComponentType;
+    MetadataOutlet: React.ComponentType;
+};