hotfix/ loading and ID

src/App.css

@@ -202,3 +202,4 @@ body {
     max-width: 300px;
   }
 }
+  

src/components/characterDetail/CharacterDetails.jsx

@@ -19,8 +19,11 @@ const CharacterDetails = () => {
       })
       .catch((err) => {
         console.log(err);
+      })
+      .finally(() => {
+        setLoading(false);
       });
-  }, []);
+  }, [id]);
 
   if (loading) {
     return <p> loading...</p>;

src/pages/Home.jsx

@@ -123,7 +123,6 @@ const Home = () => {
       </div>
 
       <CharacterCard data={filteredData} /> 
-
       {showSkeleton && hasMore && (
         <ul className="skeleton-character-container">
           {[...Array.from({ length: 5 })].map((_, index) => (