fix: Replace AI hallucination with proper RTL fix (#80)

* fix: proper RTL support

as previous was AI hallucination (lol)

* docs: changeset

* refactor: use global directive to make the llm code reviewer happy

Author: VisualEhrmanntraut

.changeset/nice-pens-do.md

@@ -0,0 +1,5 @@
+---
+"starlight-sidebar-topics-dropdown": patch
+---
+
+Fixed bug introduced by AI hallucination while trying to add RTL layout support

packages/starlight-sidebar-topics-dropdown/components/TopicsDropdown.astro

@@ -106,6 +106,11 @@ const currentTopic = topics.find((topic) => topic.isCurrent);
     padding: 0.3rem 0.5rem;
     cursor: pointer;
     width: 100%;
+    --starlight-sidebar-topics-dropdown-gradient-direction: to right;
+  }
+
+  :global(html[dir="rtl"]) .starlight-sidebar-topics-dropdown-button {
+    --starlight-sidebar-topics-dropdown-gradient-direction: to left;
   }
 
   .starlight-sidebar-topics-dropdown-button::before {
@@ -122,7 +127,7 @@ const currentTopic = topics.find((topic) => topic.isCurrent);
     )::before {
     content: "";
     background-image: linear-gradient(
-      to inline-end,
+      var(--starlight-sidebar-topics-dropdown-gradient-direction),
       var(--sl-color-text-accent) calc(1.4rem + 16px + 2px),
       var(--sl-color-gray-5) 0
     );
@@ -132,7 +137,7 @@ const currentTopic = topics.find((topic) => topic.isCurrent);
     .starlight-sidebar-topics-dropdown-button-icon
   ) {
     background: linear-gradient(
-      to inline-end,
+      var(--starlight-sidebar-topics-dropdown-gradient-direction),
       var(--sl-color-text-accent) calc(1.4rem + 16px),
       var(--sl-color-gray-6) 0
     );