feat: add flight tracking components and hooks

- Introduced FlightCard component for displaying flight information with animations.
- Added ScrollArea component for custom scroll behavior.
- Implemented StatusBar component to show flight count and loading status.
- Created useFlights hook for fetching and managing flight data based on city selection.
- Developed useSettings hook for managing user settings with local storage persistence.
- Added useTrailHistory hook for managing flight trail data.
- Defined City type and CITIES constant for city data management.
- Implemented flight utility functions for altitude and speed conversions.
- Created map styles for different visual representations.
- Added OpenSky API integration for fetching flight data.
- Implemented utility functions for class name merging.
- Configured TypeScript settings for the project.

next.config.ts

@@ -0,0 +1,41 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  transpilePackages: [
+    "@deck.gl/core",
+    "@deck.gl/layers",
+    "@deck.gl/geo-layers",
+    "@deck.gl/mesh-layers",
+    "@deck.gl/mapbox",
+    "@deck.gl/react",
+    "@loaders.gl/core",
+    "@loaders.gl/gltf",
+    "@luma.gl/core",
+    "@luma.gl/webgl",
+  ],
+  images: {
+    remotePatterns: [
+      { hostname: "a.basemaps.cartocdn.com" },
+      { hostname: "server.arcgisonline.com" },
+      { hostname: "tile.opentopomap.org" },
+    ],
+  },
+  async headers() {
+    return [
+      {
+        source: "/(.*)",
+        headers: [
+          { key: "X-Content-Type-Options", value: "nosniff" },
+          { key: "X-Frame-Options", value: "DENY" },
+          { key: "Referrer-Policy", value: "strict-origin-when-cross-origin" },
+        ],
+      },
+      {
+        source: "/api/:path*",
+        headers: [{ key: "Cache-Control", value: "no-store, max-age=0" }],
+      },
+    ];
+  },
+};
+
+export default nextConfig;