Add fadein effect to homepage sliders to improve the experience and interctiveness of the aplpliation

**Issue Description: Add Fade-In Effect to Homepage Sliders**

**Objective:**
Enhance the user experience and interactivity of the PassLink application by implementing a smooth fade-in effect for the homepage sliders.

**Current Situation:**
The homepage sliders currently transition between slides without any animation, which can feel abrupt and less engaging.

**Proposed Solution:**
Integrate a fade-in effect to the homepage sliders. This will ensure that each new slide gradually appears, creating a more visually appealing and seamless transition.

**Benefits:**
- Improved user experience through smoother transitions.
- Increased interactivity and engagement with the homepage content.
- A more modern and polished look for the PassLink application.

**Implementation Steps:**
1. Identify the component handling the slider transitions on the homepage.
2. Modify the component to include CSS or JavaScript animations for the fade-in effect.
3. Ensure the fade-in effect is optimized for performance and does not affect the overall loading time of the application.
4. Test the implementation across different browsers and devices to ensure compatibility and responsiveness.

**Expected Outcome:**
The addition of the fade-in effect will make the transitions between slides on the homepage more fluid, resulting in a more engaging and enjoyable user experience.