fix(frontend/filter-sidebar): various improvements

- make the chevron smaller
- don't do a top border on the first group
- add a bottom border && shadow to the header

Author: c0rydoras

frontend/app/components/filter-sidebar.hbs

@@ -1,6 +1,6 @@
 {{#in-element this.destination}}
   <aside
-    class="filter-sidebar min-w-72 max-w-96
+    class="filter-sidebar min-w-96 max-w-[30rem]
       {{if
         this.visible
         'filter-sidebar--visible translate-x-0'
@@ -10,7 +10,7 @@
     ...attributes
   >
     <div
-      class="filter-sidebar-title flex justify-between px-2.5 py-3 text-lg font-semibold"
+      class="filter-sidebar-title flex justify-between border-b px-2.5 py-3 text-lg font-semibold shadow-sm"
     >
       {{#if @appliedCount}}
         {{@appliedCount}}

frontend/app/components/filter-sidebar/group.hbs

@@ -1,7 +1,7 @@
 <div
   class="filter-sidebar-group
     {{if this.expanded 'expanded filter-sidebar-group--expanded'}}
-    group flex flex-col border-t p-2.5"
+    group flex flex-col p-2.5 [&:not(:first-child)]:border-t"
 >
   <button
     type="button"
@@ -10,15 +10,19 @@
   >
     {{@label}}
     <FaIcon
+      class="-mr-[0.2rem]"
       @icon="angle-right"
       @prefix="fas"
       @transform="{{if this.expanded 'rotate-90'}}"
+      @size="sm"
     />
   </button>
   <div
     class="filter-sidebar-group-body max-h-0 overflow-hidden transition-[max-height] group-[.expanded]:max-h-[32rem]"
   >
-    <div class="filter-sidebar-group-content py-2 [&>*]:mt-1">
+    <div
+      class="filter-sidebar-group-content py-2 text-sm [&>*]:mt-1 [&_label]:text-base"
+    >
       {{yield}}
     </div>
   </div>