move components to folder

Author: javydevx

src/App.jsx

@@ -1,4 +1,4 @@
-import NeetCodeTracker from "./components/NeetCodeTracker";
+import NeetCodeTracker from "./NeetCodeTracker";
 
 const App = () => {
   return (

src/components/NeetCodeTracker.jsx src/NeetCodeTracker.jsxsrc/components/NeetCodeTracker.jsx renamed to src/NeetCodeTracker.jsx

@@ -1,9 +1,9 @@
-import React, { useState, useEffect } from "react";
-import problemsData from "../problems.json";
-import StatsCard from "../StatsCard";
-import Filters from "./Filters";
-import ProblemTable from "../ProblemTable";
-import ExportImportControls from "./ExportImportControls";
+import { useState, useEffect } from "react";
+import problemsData from "./data/problems.json";
+import StatsCard from "./components/StatsCard";
+import Filters from "./components/Filters";
+import ProblemTable from "./components/ProblemTable";
+import ExportImportControls from "./components/ExportImportControls";
 import { Info, ExternalLink, Map } from "lucide-react";
 
 // --- Spaced repetition intervals ---

src/components/ExportImportControls.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Download, Upload, Trash2 } from "lucide-react";
 
 const ExportImportControls = ({ progress, setProgress }) => {

src/components/Filters.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Filter } from "lucide-react";
 
 const Filters = ({
@@ -18,7 +17,7 @@ const Filters = ({
         Filters
       </h2>
     </div>
-    <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+    <div className="grid grid-cols-1 md:grid-cols-3 gap-5 items-center">
       <div>
         <label className="block text-sm font-medium text-gray-700 mb-2">
           Category
@@ -42,7 +41,7 @@ const Filters = ({
         <select
           value={filterDifficulty}
           onChange={(e) => setFilterDifficulty(e.target.value)}
-          className="w-full p-2 border border-gray-300rounded bg-white text-gray-900 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors"
+          className="w-full p-2 border border-gray-300 rounded bg-white text-gray-900 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors"
         >
           {difficulties.map((diff) => (
             <option
@@ -55,7 +54,7 @@ const Filters = ({
           ))}
         </select>
       </div>
-      <div className="flex items-center gap-2">
+      <div className="flex items-center gap-2 md:mt-6">
         <input
           type="checkbox"
           checked={showOnlyDueToday}

src/ProblemTable.jsx src/components/ProblemTable.jsxsrc/ProblemTable.jsx renamed to src/components/ProblemTable.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { CheckCircle2, Circle, Calendar, ExternalLink } from "lucide-react";
 
 const difficultyColor = {

src/StatsCard.jsx src/components/StatsCard.jsxsrc/StatsCard.jsx renamed to src/components/StatsCard.jsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 const colorClasses = {
   blue: "bg-blue-50 text-blue-600",
   green: "bg-green-50 text-green-600",