feat: UI when a user searches for a permission it should show (#3695)

* Dialog created

* small changes

* half functional

* small spacing changes and chevron

* Rabbit Changes

* remove useffect

* almost

* re ordered badge list collapse

* undo rabbit

* [autofix.ci] apply automated fixes

* fix scroll

* changes before merge

* functioning again

* style change

* more tweaks

* Fix all the fucking things

* remove close button

* fmt

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: James Perkins <[email protected]>

Author: 3 people

apps/dashboard/app/(app)/settings/root-keys/components/create-root-key/components/expandable-category.tsx

@@ -11,17 +11,22 @@ type ExpandableCategoryProps = {
   description: string;
   checked: CheckedState | undefined;
   setChecked: () => void;
+  count: number;
 } & React.ComponentProps<typeof CollapsibleTrigger>;
 
 export const ExpandableCategory = ({
   category,
   description,
   checked,
   setChecked,
+  count,
   ...props
 }: ExpandableCategoryProps) => {
+  if (count === 0) {
+    return null;
+  }
   return (
-    <div className="flex flex-row items-center justify-evenly gap-3 transition-all pl-6 pr-2 h-full my-2">
+    <div className="flex flex-row items-center justify-evenly gap-3 transition-all pl-3 pr-2 h-full my-2">
       <div className="flex items-center justify-center">
         <Checkbox checked={checked} onCheckedChange={() => setChecked()} size="lg" />
       </div>