Filter's checkbox labels look broken at smaller viewports

Fixed, and also did a good amount of refactoring to simplify the CSS.

I updated the MR against 1.0.x, since the styles were relocated from the Svelte component files into one global CSS file.

The overlapping of the radio buttons is fixed verified in Drupalpod for Drupal 10 using MR!398. But in tablet the filters moves a bit when the accordion is expanded refer to the video attached.

Steps Followed:
1. Install drupal 10
2. Navigate to /admin/modules/browse , expand the filter option
3. Check in smaller resolutions.

For the issue in tablet and Error in MR keeping this in Need review state since the MR has some error

@divya.sejekan great catch! However, I'm moving this to a followup, since this is a minor UX issue, and shouldn't block this core MVP issue.

Followup is at 🐛 Content shift when expanding filters accordion Active . I'm going to bring this back up to date, and set back to RTBC since no major changes.

Brought back up to date and should be good to go!

Tests passing, rebased, confirmed working in DrupalPod - I love it! Go gators.

This change has introduced a StyleLint error in GitLabCI:

css/pb.css
 678:3  ✖  Expected "margin-block-end" to come before "font-size"  order/properties-order
1 problem (1 error, 0 warnings)

We haven't made it mandatory for code quality tests to pass in GitLabCI yet.

I will open a follow-up issue.

Automatically closed - issue fixed for 2 weeks with no activity.