New carousel

[TimOsahenru]

Issue Link 🔗:

Issue: #553

Type of Change

• Bug fix 🐞
• New feature/page
• Documentation update
• Other

Description 📋

• Made the carousel width 100% so it can match with the rest section of the page
• Changed circled image to display full image
• Used custom built carousel and uninstalled bootstrap
• Included two testcases to test the implementation of the carousel slider
  • to test the carousel actually is exist on the page
  • to the test the first item from the carousel and that from the last post section matches

Checklist ✅

• Followed the Code of Conduct and Contribution Guide
• Ran pre-commit run --all
• All tests pass locally
• Added tests (if applicable)
• Documentation updated (if applicable)

Additional Notes & Screenshots

Commented out this section out from our testcase in other to de-emphasize that section

      def test_page_description_in_index_and_blog(page_url: tuple[Page, str], url: str):
          """Checks for the descriptions data in the blog posts. There should be some objects with the class `post-description`"""
          page, live_server_url = page_url
          page.goto(f"{live_server_url}{url}")
          expect(page.locator("p.post-description").first).to_be_visible()
          expect(page.locator("p.post-description").first).not_to_be_empty()

since the post description tag has been removed from the index page

[TimOsahenru]

@kjaymiller please help review this. Thanks

[kjaymiller]

Going to add this to the new carousel branch for now - There is still a couple tweaks to figure out.

• Make images full width with cutoff overflow
  

• Move sections into a split grid together

[TimOsahenru]

Working on it. Thanks

[TimOsahenru]

Hello @kjaymiller I have made the changes to this branch #586 for de-emphasizing the latest post and join us section.

[TimOsahenru]

Also made changes to this branch #587 to fix the full image issue with the slider