feat(freight:backoffice): added basic frontend integration with auth(login) page

apps/edr-freight-web/backoffice/src/pages/admin/DropdownSettingsPage.tsx

@@ -0,0 +1,12 @@
+import FeaturePlaceholder from "@/components/FeaturePlaceholder";
+
+const DropdownSettingsPage = () => {
+  return (
+    <FeaturePlaceholder
+      title="Dropdown Settings"
+      description="Configure controlled dropdown options used across backoffice workflows."
+    />
+  );
+};
+
+export default DropdownSettingsPage;

apps/edr-freight-web/backoffice/src/pages/admin/FileUploadSettingsPage.tsx

@@ -0,0 +1,12 @@
+import FeaturePlaceholder from "@/components/FeaturePlaceholder";
+
+const FileUploadSettingsPage = () => {
+  return (
+    <FeaturePlaceholder
+      title="File Upload Settings"
+      description="Define the document fields and upload rules used by freight backoffice teams."
+    />
+  );
+};
+
+export default FileUploadSettingsPage;

apps/edr-freight-web/backoffice/src/pages/billing/BillingPage.tsx

@@ -0,0 +1,12 @@
+import FeaturePlaceholder from "@/components/FeaturePlaceholder";
+
+const BillingPage = () => {
+  return (
+    <FeaturePlaceholder
+      title="Billing"
+      description="Review invoice activity, billing exceptions, and reconciliation tasks for freight operations."
+    />
+  );
+};
+
+export default BillingPage;

apps/edr-freight-web/backoffice/src/pages/bookings/BookingDetailPage.tsx

@@ -0,0 +1,12 @@
+import FeaturePlaceholder from "@/components/FeaturePlaceholder";
+
+const BookingDetailPage = () => {
+  return (
+    <FeaturePlaceholder
+      title="Booking Detail"
+      description="Inspect booking metadata, operational notes, and fulfillment progress for internal teams."
+    />
+  );
+};
+
+export default BookingDetailPage;

apps/edr-freight-web/backoffice/src/pages/bookings/BookingsPage.tsx

@@ -0,0 +1,12 @@
+import FeaturePlaceholder from "@/components/FeaturePlaceholder";
+
+const BookingsPage = () => {
+  return (
+    <FeaturePlaceholder
+      title="Bookings"
+      description="Manage freight bookings, review operational status, and coordinate internal processing flows."
+    />
+  );
+};
+
+export default BookingsPage;

apps/edr-freight-web/backoffice/src/pages/bookings/NewBookingPage.tsx

@@ -0,0 +1,12 @@
+import FeaturePlaceholder from "@/components/FeaturePlaceholder";
+
+const NewBookingPage = () => {
+  return (
+    <FeaturePlaceholder
+      title="Create Booking"
+      description="Capture and validate new freight bookings from the backoffice workflow."
+    />
+  );
+};
+
+export default NewBookingPage;

apps/edr-freight-web/backoffice/src/pages/consignments/ConsignmentDetailPage.tsx

@@ -0,0 +1,12 @@
+import FeaturePlaceholder from "@/components/FeaturePlaceholder";
+
+const ConsignmentDetailPage = () => {
+  return (
+    <FeaturePlaceholder
+      title="Consignment Detail"
+      description="Review cargo information, routing context, and operational actions for a consignment."
+    />
+  );
+};
+
+export default ConsignmentDetailPage;

apps/edr-freight-web/backoffice/src/pages/consignments/ConsignmentsPage.tsx

@@ -0,0 +1,12 @@
+import FeaturePlaceholder from "@/components/FeaturePlaceholder";
+
+const ConsignmentsPage = () => {
+  return (
+    <FeaturePlaceholder
+      title="Consignments"
+      description="Manage consignment handling, milestones, and internal exception resolution."
+    />
+  );
+};
+
+export default ConsignmentsPage;

apps/edr-freight-web/backoffice/src/pages/customers/CustomerDetailPage.tsx

@@ -0,0 +1,12 @@
+import FeaturePlaceholder from "@/components/FeaturePlaceholder";
+
+const CustomerDetailPage = () => {
+  return (
+    <FeaturePlaceholder
+      title="Customer Detail"
+      description="View customer profile details, active shipments, and internal account notes."
+    />
+  );
+};
+
+export default CustomerDetailPage;

apps/edr-freight-web/backoffice/src/pages/customers/CustomersPage.tsx

@@ -0,0 +1,12 @@
+import FeaturePlaceholder from "@/components/FeaturePlaceholder";
+
+const CustomersPage = () => {
+  return (
+    <FeaturePlaceholder
+      title="Customers"
+      description="Review and maintain customer records, service status, and operational context."
+    />
+  );
+};
+
+export default CustomersPage;

apps/edr-freight-web/backoffice/src/pages/customers/NewCustomerPage.tsx

@@ -0,0 +1,12 @@
+import FeaturePlaceholder from "@/components/FeaturePlaceholder";
+
+const NewCustomerPage = () => {
+  return (
+    <FeaturePlaceholder
+      title="Create Customer"
+      description="Register a new freight customer and prepare the account for operational use."
+    />
+  );
+};
+
+export default NewCustomerPage;

apps/edr-freight-web/backoffice/src/pages/dashboard/DashboardPage.tsx

@@ -1,9 +1,11 @@
+import FeaturePlaceholder from "@/components/FeaturePlaceholder";
+
 const DashboardPage = () => {
   return (
-    <div className="p-6">
-      <h1 className="text-2xl font-semibold">EDR Freight Backoffice</h1>
-      <p className="mt-2 text-gray-600">Backoffice — coming soon.</p>
-    </div>
+    <FeaturePlaceholder
+      title="Operations Dashboard"
+      description="Track internal freight activity, exceptions, and workload from one backoffice workspace."
+    />
   );
 };
 

apps/edr-freight-web/backoffice/src/pages/documents/DocumentsPage.tsx

@@ -0,0 +1,12 @@
+import FeaturePlaceholder from "@/components/FeaturePlaceholder";
+
+const DocumentsPage = () => {
+  return (
+    <FeaturePlaceholder
+      title="Documents"
+      description="Manage internal freight documents, approvals, and operational record keeping."
+    />
+  );
+};
+
+export default DocumentsPage;

apps/edr-freight-web/backoffice/src/pages/tracking/TrackingPage.tsx

@@ -0,0 +1,12 @@
+import FeaturePlaceholder from "@/components/FeaturePlaceholder";
+
+const TrackingPage = () => {
+  return (
+    <FeaturePlaceholder
+      title="Tracking"
+      description="Monitor shipment movement, operational events, and delays across the rail network."
+    />
+  );
+};
+
+export default TrackingPage;

apps/edr-freight-web/backoffice/src/pages/trains/TrainsPage.tsx

@@ -0,0 +1,12 @@
+import FeaturePlaceholder from "@/components/FeaturePlaceholder";
+
+const TrainsPage = () => {
+  return (
+    <FeaturePlaceholder
+      title="Trains"
+      description="Coordinate train assignments, scheduling visibility, and operational readiness."
+    />
+  );
+};
+
+export default TrainsPage;