feat: Add comprehensive roadmap for app development and prioritize features

- Created ROADMAP.md outlining current features, critical missing features, implementation phases, and technology recommendations.
- Added immediate next steps for development focus.

fix: Enhance test data creation scripts for diverse project scenarios

- Implemented create-diverse-test-data.js to generate varied test projects with different statuses and locations.
- Updated create-additional-test-data.js for better project creation consistency.

refactor: Improve project view page with additional navigation and map features

- Added link to view all projects on the map from the project view page.
- Enhanced project location display with status indicators.

feat: Implement project map page with status filtering

- Added status filters for project markers on the map.
- Integrated color-coded markers based on project status.

fix: Update LeafletMap and ProjectMap components for better marker handling

- Created colored marker icons for different project statuses.
- Enhanced ProjectMap to display project status and coordinates more effectively.

test: Add mobile view test HTML for responsive map testing

- Created test-mobile.html to test the map's responsive behavior on mobile devices.

src/app/projects/[id]/page.js

@@ -365,7 +365,7 @@ export default async function ProjectViewPage({ params }) {
 									</svg>
 									Edit Project
 								</Button>
-							</Link>
+							</Link>{" "}
 							<Link href="/projects" className="block">
 								<Button
 									variant="outline"
@@ -388,6 +388,28 @@ export default async function ProjectViewPage({ params }) {
 									Back to Projects
 								</Button>
 							</Link>
+							<Link href="/projects/map" className="block">
+								<Button
+									variant="outline"
+									size="sm"
+									className="w-full justify-start"
+								>
+									<svg
+										className="w-4 h-4 mr-2"
+										fill="none"
+										stroke="currentColor"
+										viewBox="0 0 24 24"
+									>
+										<path
+											strokeLinecap="round"
+											strokeLinejoin="round"
+											strokeWidth={2}
+											d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-1.447-.894L15 4m0 13V4m0 0L9 7"
+										/>
+									</svg>
+									View All on Map
+								</Button>
+							</Link>
 						</CardContent>
 					</Card>
 				</div>
@@ -395,16 +417,38 @@ export default async function ProjectViewPage({ params }) {
 			{/* Project Location Map */}
 			{project.coordinates && (
 				<div className="mb-8">
+					{" "}
 					<Card>
 						<CardHeader>
-							<h2 className="text-xl font-semibold text-gray-900">
-								Project Location
-							</h2>
+							<div className="flex items-center justify-between">
+								<h2 className="text-xl font-semibold text-gray-900">
+									Project Location
+								</h2>
+								<Link href="/projects/map">
+									<Button variant="outline" size="sm">
+										<svg
+											className="w-4 h-4 mr-2"
+											fill="none"
+											stroke="currentColor"
+											viewBox="0 0 24 24"
+										>
+											<path
+												strokeLinecap="round"
+												strokeLinejoin="round"
+												strokeWidth={2}
+												d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-1.447-.894L15 4m0 13V4m0 0L9 7"
+											/>
+										</svg>
+										View on Full Map
+									</Button>
+								</Link>
+							</div>
 						</CardHeader>
 						<CardContent>
 							<ProjectMap
 								coordinates={project.coordinates}
 								projectName={project.project_name}
+								projectStatus={project.project_status}
 								showLayerControl={true}
 								mapHeight="h-80"
 								defaultLayer="Polish Geoportal Orthophoto"