Fix props and indentation in achievement components

Corrected indentation in Friendship achievements section and updated Monsters component to use spread props in Achievements. These changes improve code readability and ensure proper prop passing.

Author: JorchCortez

src/Components/AchieveTabs/Friendship/index.tsx

@@ -22,7 +22,7 @@ const Friendship = ({ friendship, achievements }: friendshipType) => {
     return ( 
         <div className="progress-container-flex">    
             <h2>Friendship Achievements</h2>
-                <div className="section-achievements">
+            <div className="section-achievements">
                 {achievements && achievements.map((ach, i) => (
                     <AchievementItem 
                         key={i}

src/Components/Achievements/index.tsx

@@ -87,7 +87,7 @@ const Achievements = ({
             </TabPanel> 
             <TabPanel> 
                 <section className="achievement-container">
-                    <Monsters monstersKilled={monstersKilled}/>
+                    <Monsters {...monstersKilled}/>
                 </section>
             </TabPanel> 
             <TabPanel>