Round trip journeys, feedback items, backoffice documentation

apps/edr-passenger-web/backoffice/src/components/layout/Header.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Bell, LogOut, Moon, Sun, ChevronDown } from 'lucide-react';
+import { Bell, LogOut, Moon, Sun, ChevronDown, HelpCircle } from 'lucide-react';
 import { useAuthStore } from '@/lib/auth-store';
 import { useTheme } from '@/lib/theme-store';
 import { useState } from 'react';
@@ -19,6 +19,16 @@ export default function Header() {
       </div>
 
       <div className="flex items-center gap-3">
+        {/* Help Documentation */}
+        <Link
+          href="/docs"
+          className="rounded-lg p-2 hover:bg-gray-100 dark:hover:bg-slate-800 transition-colors"
+          title="View Documentation"
+          target="_blank"
+        >
+          <HelpCircle className="h-5 w-5 text-[rgb(20,113,76)] dark:text-slate-400" />
+        </Link>
+
         {/* Notifications */}
         <div className="relative">
           <button 

apps/edr-passenger-web/backoffice/src/components/layout/Sidebar.tsx

@@ -32,7 +32,8 @@ import {
   Moon,
   Sun,
   Armchair,
-  Grid3x3
+  Grid3x3,
+  Banknote
 } from 'lucide-react';
 import { useAuthStore } from '@/lib/auth-store';
 import { cn } from '@/lib/utils';
@@ -69,6 +70,7 @@ const navigationSections = [
     title: 'Financial',
     items: [
       { name: 'Pricing & Fares', href: '/pricing', icon: DollarSign },
+      { name: 'Currencies', href: '/currencies', icon: Banknote },
       { name: 'Payments', href: '/payments', icon: CreditCard },
       { name: 'Promo Codes', href: '/promos', icon: Gift },
     ]

apps/edr-passenger-web/backoffice/src/components/ui/DataTable.tsx

@@ -10,6 +10,7 @@ interface Column<T> {
   key: string;
   label: string;
   sortable?: boolean;
+  filterable?: boolean;
   render?: (item: T) => ReactNode;
   width?: string;
 }