feat: Add About and Favourites pages, update routing and context management

- Added new routes for About and Favourites pages.
- Implemented About page with version information and credits.
- Created Favourites page with a placeholder message for empty favourites.
- Refactored RegionConfig import paths for consistency.
- Introduced PageTitleContext to manage page titles dynamically.
- Updated various components to utilize the new context for setting page titles.
- Enhanced AppShell layout with a responsive Drawer for navigation.
- Added CSS styles for new components and pages.
- Integrated commit hash display in the About page for version tracking.

1 files changed, 32 insertions, 0 deletions

diff --git a/src/frontend/app/components/layout/Header.tsx b/src/frontend/app/components/layout/Header.tsx
new file mode 100644
index 0000000..2bdd764
--- /dev/null
+++ b/src/frontend/app/components/layout/Header.tsx
@@ -0,0 +1,32 @@
+import { Menu } from "lucide-react";
+import React from "react";
+import "./Header.css";
+
+interface HeaderProps {
+  title?: string;
+  onMenuClick?: () => void;
+  className?: string;
+}
+
+export const Header: React.FC<HeaderProps> = ({
+  title = "Busurbano",
+  onMenuClick,
+  className = "",
+}) => {
+  return (
+    <header className={`app-header ${className}`}>
+      <div className="app-header__left">
+        <h1 className="app-header__title">{title}</h1>
+      </div>
+      <div className="app-header__right">
+        <button
+          className="app-header__menu-btn"
+          onClick={onMenuClick}
+          aria-label="Menu"
+        >
+          <Menu size={24} />
+        </button>
+      </div>
+    </header>
+  );
+};