fix: Ensure children are conditionally rendered in Tooltip component (#100)

* fix: Ensure children are conditionally rendered in Tooltip component

* fix: Add padding class to Select component for improved layout

Author: hugolxt

src/components/extenders/Select.tsx

@@ -273,7 +273,7 @@ export default function Select<
           setValue={v => setValue(v as Value)}
           value={value as string}
           defaultValue={multiple ? [] : undefined}>
-          <Ariakit.Select className={mergeClass(base(), className)}>
+          <Ariakit.Select className={mergeClass(base(), "pr-md", className)}>
             <div className={valueStyle()}>{label}</div>
             <div className={icon()}>
               {loading ? <Icon className="animate-spin" remix="RiLoader4Fill" /> : <Icon remix="RiArrowDropDownLine" />}

src/components/primitives/Tooltip.tsx

@@ -35,7 +35,7 @@ export default function Tooltip({ helper, onOpen, children, icon = true, classNa
         <RadixTooltip.Trigger asChild>
           {/* biome-ignore lint/a11y/useKeyWithClickEvents: <explanation> */}
           <span className="flex items-center gap-sm" onClick={isTouchDevice ? () => setOpen(prev => !prev) : undefined}>
-            <div>{children}</div>
+            {children && <div>{children}</div>}
             {!!icon && <Icon className="text-main-12" remix="RiQuestionFill" alt="Tooltip" />}
           </span>
         </RadixTooltip.Trigger>