feat: add property detail and listings pages with filtering options

- Implemented PropertyDetailPage to display detailed information about a specific property, including images, features, amenities, and analytics.
- Created PropertiesPage for listing properties with filtering options such as price range, property type, bedrooms, bathrooms, area, and location.
- Added loading state component for properties.
- Introduced reusable components for property cards in both grid and list views.
- Enhanced user experience with navigation links and breadcrumb trails.

frontend/components/navigation/top-navigation.tsx

@@ -16,6 +16,7 @@ import Link from "next/link";
 import { Button } from "@/components/ui/button";
 import { useTopNavigationStore } from "@/store/top-navgation-store";
 import { useShallow } from "zustand/react/shallow";
+import { Input } from "../ui/input";
 
 export function TopNavigation() {
   const { selectedModel, setSelectedModel, models } = useTopNavigationStore(
@@ -35,7 +36,7 @@ export function TopNavigation() {
       </Link>
       <div className="flex-1 max-w-md mx-4">
         <div className="relative">
-          <input
+          <Input
             type="text"
             placeholder="Search locations..."
             className="w-full h-10 px-4 rounded-md border border-input bg-background"