Fix #579: Add shadow to sidebar footer when content is scrollable

[PustakP]

Contributor checklist

• [x] This pull request is on a separate branch and not the main branch

---

Description

This pull request addresses issue #579 by implementing a shadow effect on the sidebar footer when the content of the sidebar (either index or filters) is scrollable.

Changes made:

1. Updated SidebarLeftFooter.vue to accept a new prop contentIsScrollable and apply a shadow when it's true.
2. Modified SidebarLeftIndex.vue and SidebarLeftFilters.vue to detect when their content is scrollable and emit this information.
3. Updated the parent component SidebarLeft.vue to pass the scrollable state from the index and filters components to the footer component.

Additional notes:

The changes primarily affect the following components:

• SidebarLeftFooter.vue
• SidebarLeftIndex.vue
• SidebarLeftFilters.vue
• SidebarLeft.vue

Related issue

• #579