fix: iframe-video positioning and width fixes along with some accordion styling fixes

[rajveeerr]

PR Fixes

Resolves: #1624 #1577

• Adjusted the iframe width, which was previously hardcoded, causing misalignment on larger screens. The iframe now has a responsive relative width and maintains an aspect ratio for proper positioning inside the video container.
• Fixed an issue where the last accordion item was hidden due to a previous commit that shifted the sidebar to the bottom by a few pixels. Increased the padding-bottom of the sidebar to resolve this and made the text alignment of the accordion items left-aligned to ensure a coherent appearance on smaller devices.

---

Screenshots of Changes

Before vs. After Comparison

Screen Size	Before	After
4K Screen
Laptop Screen

---

Accordion and Navbar Fixes Before and After on Mobile Device

Before	After

Note: I’ve just fixed the accordion styling. However, there’s still an issue with displaying content inside the buttons. Since there are already pull requests open to address this, I won’t be working on it for now.

---

Checklist Before Requesting Review

• I have performed a self-review of my code.
• I confirm there are no duplicate pull requests for the same issue.

@devsargam @siinghd

[sohelhussain]

I think the 100xdev logo is to big for a mobile device. You can also fix this.

[sohelhussain]

and reduce the gap between the search and dark mod icon.

[rajveeerr]

@sohelhussain these are really good suggestions, will definitely fix them too. Thanks

[devsargam]

looks great. Thank you!

[saurabhraghuvanshii]

@devsargam is solve issue which merged by this pr . is on production?