Feat/small fixes (#113)

Author: giuliana-gladeye

packages/ui/src/components/checkbox/checkbox.tsx

@@ -20,7 +20,7 @@ const Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root
       {...props}
     >
       <CheckboxPrimitive.Indicator className={styles.indicator}>
-        {Icon ? <Icon className={styles.check} /> : <CheckIcon className={styles.check} />}{' '}
+        {Icon ? <Icon className={styles.check} /> : <CheckIcon className={styles.check} />}
       </CheckboxPrimitive.Indicator>
     </CheckboxPrimitive.Root>
   )

packages/ui/src/components/icon-button/icon-button.tsx

@@ -57,8 +57,7 @@ function IconButton({
   const IconComponent = Icon as React.ComponentType<{ size?: number }>;
 
   if (!Icon) {
-    console.warn(`Icon "${name}" not found in lucide-react`);
-    return null;
+    throw new Error(`Icon "${name}" not found in lucide-react`);
   }
 
   const content = <IconComponent size={iconSize} />;

packages/ui/src/components/search-bar/search-bar.tsx

@@ -40,7 +40,7 @@ const SearchBar = ({
         suffix={
           searchQuery && (
             <IconButton
-              name="XIcon"
+              name="X"
               onClick={handleClear}
               className={styles['clear-button']}
               label="Clear search"