feat: refactor and make some improvements

src/components/AddAssetForm.tsx → src/components/dashboard/AddAssetForm.tsx

@@ -1,16 +1,16 @@
 // src/components/AddAssetForm.tsx
 import { useState } from "react";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button.tsx";
+import { Input } from "@/components/ui/input.tsx";
 import {
   Select,
   SelectTrigger,
   SelectValue,
   SelectContent,
   SelectItem,
-} from "@/components/ui/select";
-import { useToast } from "@/hooks/use-toast";
-import { Asset } from "@/model/Asset";
+} from "@/components/ui/select.tsx";
+import { useToast } from "@/hooks/use-toast.ts";
+import { Asset } from "@/model/Asset.ts";
 
 interface AddAssetFormProps {
   availableAssets: Asset[];

src/components/AlertCard.tsx → src/components/dashboard/AlertCard.tsx

@@ -1,6 +1,6 @@
 // src/components/AlertCard.tsx
-import { Card, CardContent } from "@/components/ui/card";
-import { Badge } from "@/components/ui/badge";
+import { Card, CardContent } from "@/components/ui/card.tsx";
+import { Badge } from "@/components/ui/badge.tsx";
 
 interface AlertCardProps {
   stock: string;

src/components/AssetTable.tsx → src/components/dashboard/AssetTable.tsx

@@ -1,14 +1,14 @@
 // src/components/AssetTable.tsx
 import { useEffect, useState } from "react";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge.tsx";
+import { Button } from "@/components/ui/button.tsx";
 import { Pencil } from "lucide-react";
 
-import { PortfolioHolding } from "@/model/PortfolioHolding";
-import { Asset } from "@/model/Asset";
-import { AssetsHttpService } from "@/services/assets-http-service";
-import { DecisionHttpService } from "@/services/decision-http-service";
-import { UsersHttpService } from "@/services/users-http-service";
+import { PortfolioHolding } from "@/model/PortfolioHolding.ts";
+import { Asset } from "@/model/Asset.ts";
+import { AssetsHttpService } from "@/services/assets-http-service.ts";
+import { DecisionHttpService } from "@/services/decision-http-service.ts";
+import { UsersHttpService } from "@/services/users-http-service.ts";
 
 const assetsService = new AssetsHttpService();
 const decisionService = new DecisionHttpService();

src/components/NewsCard.tsx → src/components/dashboard/NewsCard.tsx

@@ -1,16 +1,8 @@
-// src/components/NewsCard.tsx
-import { Card, CardContent } from "@/components/ui/card";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
+import { Card, CardContent } from "@/components/ui/card.tsx";
+import { Badge } from "@/components/ui/badge.tsx";
+import { Button } from "@/components/ui/button.tsx";
 import { ExternalLink } from "lucide-react";
 
-/**
- * Props:
- *  - stocks: string[]    (e.g. ["AAPL", "TSLA"])
- *  - title: string
- *  - timestamp: string   (already formatted)
- *  - url: string         (link to the original news)
- */
 interface NewsCardProps {
   stocks: string[];
   title: string;

src/components/RequireAuth.tsx → src/components/dashboard/RequireAuth.tsx

@@ -1,7 +1,7 @@
 import {Navigate, useLocation} from "react-router-dom";
 import {ReactNode} from "react";
 import useAuth from "@/hooks/useAuth.ts";
-import {LoadingLayer} from "@/components/LoadingLayer.tsx";
+import {LoadingLayer} from "@/components/dashboard/LoadingLayer.tsx";
 
 export function RequireAuth({children}: { children: ReactNode }) {
     const {isAuthenticated, loading} = useAuth();

src/components/SimulationPanel.tsx → src/components/dashboard/SimulationPanel.tsx

@@ -5,23 +5,23 @@ import {
   CardContent,
   CardHeader,
   CardTitle,
-} from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
+} from "@/components/ui/card.tsx";
+import { Button } from "@/components/ui/button.tsx";
 import { Calendar as CalendarIcon } from "lucide-react";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@/components/ui/popover";
-import { Calendar } from "@/components/ui/calendar";
-import { cn } from "@/lib/utils";
-import { Badge } from "@/components/ui/badge";
+} from "@/components/ui/popover.tsx";
+import { Calendar } from "@/components/ui/calendar.tsx";
+import { cn } from "@/lib/utils.ts";
+import { Badge } from "@/components/ui/badge.tsx";
 
-import { PortfolioHolding } from "@/model/PortfolioHolding";
+import { PortfolioHolding } from "@/model/PortfolioHolding.ts";
 import { DateRange } from "react-day-picker";
 import { format } from "date-fns";
 
-import { SimulationResults } from "@/components/SimulationResults";
+import { SimulationResults } from "@/components/dashboard/SimulationResults.tsx";
 
 interface SimulationPanelProps {
   holdings: PortfolioHolding[];

src/components/SimulationResults.tsx → src/components/dashboard/SimulationResults.tsx

@@ -4,8 +4,8 @@ import {
   CardContent,
   CardHeader,
   CardTitle,
-} from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
+} from "@/components/ui/card.tsx";
+import { Button } from "@/components/ui/button.tsx";
 import {
   CartesianGrid,
   Legend,
@@ -22,7 +22,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
+} from "@/components/ui/select.tsx";
 import { ArrowLeft } from "lucide-react";
 
 /**

src/components/dashboard/index.ts

@@ -0,0 +1,6 @@
+export { AddAssetForm } from "./AddAssetForm.tsx";
+export { AlertCard } from "./AlertCard.tsx";
+export { AssetTable } from "./AssetTable.tsx";
+export { NewsCard } from "./NewsCard.tsx";
+export { SimulationPanel } from "./SimulationPanel.tsx";
+export { SimulationResults } from "./SimulationResults.tsx";

src/components/DashboardPreview.tsx → src/components/landpage/DashboardPreview.tsx

@@ -1,4 +1,4 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card.tsx";
 import { TrendingUp, DollarSign, BarChart3 } from "lucide-react";
 
 const DashboardPreview = () => {

src/components/Hero.tsx → src/components/landpage/Hero.tsx

@@ -1,4 +1,4 @@
-import { Button } from "@/components/ui/button";
+import { Button } from "@/components/ui/button.tsx";
 import { Link } from "react-router-dom";
 import useAuth from "@/hooks/useAuth.ts";
 import { ArrowRightIcon } from "lucide-react";