style: update tooltip and dashboard tooltip content

- Adjusted tooltip styles to include a minimum width for better visibility.
- Changed tooltip content text size in the user dashboard for improved readability.

Author: zcesur

lib/algora_web/components/ui/tooltip.ex

@@ -55,7 +55,7 @@ defmodule AlgoraWeb.Components.UI.Tooltip do
       data-side={@side}
       class={
         classes([
-          "tooltip-content absolute hidden whitespace-nowrap group-hover/tooltip:block",
+          "tooltip-content absolute hidden group-hover/tooltip:block min-w-40",
           "z-50 w-auto overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
           @variant_class,
           @class

lib/algora_web/live/user/dashboard_live.ex

@@ -184,7 +184,7 @@ defmodule AlgoraWeb.User.DashboardLive do
             <label for="available" class="text-sm font-medium">Available to work</label>
             <.tooltip>
               <.icon name="tabler-help-circle" class="h-4 w-4 text-muted-foreground" />
-              <.tooltip_content side="bottom" class="max-w-xs text-sm">
+              <.tooltip_content side="bottom" class="text-xs">
                 When enabled, you will receive hourly contract offers
               </.tooltip_content>
             </.tooltip>