feat(components): support corner placements in `Tooltip` for better mobile viewport alignment

Description
Currently, the Tooltip component only supports base placements (top, right, bottom, left). When computing the position with Floating UI, any alignment modifier is explicitly stripped away via placement.replace(/-.+$/, "").

While this simplifies the CSS for the tooltip arrow, it creates significant visual issues on smaller viewports (mobile). Tooltips often appear awkwardly positioned or visually disconnected from their target elements because the arrow cannot point to the corners or specific edges of the trigger.

Proposed Solution
Expand the ValidPlacement type to include aligned variants (e.g., top-start, top-end, bottom-start, bottom-end, etc.) and refactor the component to respect and render these corner placements.

Acceptance Criteria

• The internal ValidPlacement type and validation logic accept alignment modifiers.
• The CSS is updated to correctly position the tooltip arrow for all new aligned placements, ensuring it accurately points to the trigger element.
• The explicit -start / -end stripping logic is removed or adapted from the Floating UI positioning resolution.
• Tooltips maintain visual connection to their trigger toggles and buttons on mobile viewports.

Start by locating the Tooltip component's ValidPlacement type and the placement.replace(/-.+$/, "") logic described in the issue. Review the existing tooltip arrow CSS and how Floating UI placement is resolved, then verify that aligned placements are accepted and the arrow remains connected to triggers on mobile-sized viewports.