fix(caret): misalignment issue when switching between carets (@byseif21)

[byseif21]

Description

fixes a caret misalignment issue that occurred when switching between caret styles (e.g., from block/outline/underline to line caret).

Bug:

When switching caret styles, the line caret could retain the width from the previous style (e.g., block), causing it to appear visually incorrect until the next input.

Root Cause:

• The caret's inline width was not reset when changing styles, so the new style inherited the old dimensions.
• updatePosition() was called before the style was fully applied, leading to incorrect positioning.

---

Fix

• Added a subscribe listener in caret.ts for the "caretStyle" event.

• When the caret style changes:

  • The caret's inline width is reset:

    caret.style.width = "";

  • Its position is immediately recalculated with:

    updatePosition(true);

[byseif21]

• We could also use $(caret).css("width", ""); in updatePosition(); to always clear caret width to prevent line caret width from inheriting
  but i had some doubt about it being always called while we will only need it acutely once when switching between the carets so lmkwdyt