feat: migrate from raw HTML to JSX (TSX / SolidJS) (#3583)

Co-authored-by: Su-Yong <simssy2205@gmail.com>

src/plugins/navigation/components/forward-button.tsx

@@ -0,0 +1,46 @@
+export interface ForwardButtonProps {
+  onClick?: (e: MouseEvent) => void;
+  title: string;
+}
+
+export const ForwardButton = (props: ForwardButtonProps) => (
+  <div
+    class="style-scope ytmusic-pivot-bar-renderer navigation-item"
+    onClick={props.onClick}
+    role="tab"
+    tab-id="FEmusic_next"
+  >
+    <div
+      aria-disabled="false"
+      class="search-icon style-scope ytmusic-search-box"
+      role="button"
+      tabindex={0}
+      title={props.title}
+    >
+      <div
+        class="tab-icon style-scope paper-icon-button navigation-icon"
+        id="icon"
+      >
+        <svg
+          class="style-scope iron-icon"
+          preserveAspectRatio="xMidYMid meet"
+          style={{
+            'pointer-events': 'none',
+            'display': 'block',
+            'width': '100%',
+            'height': '100%',
+          }}
+          viewBox="0 0 492 492"
+        >
+          <g class="style-scope iron-icon">
+            <path
+              d="M382.7,226.8L163.7,7.9c-5.1-5.1-11.8-7.9-19-7.9s-14,2.8-19,7.9L109.5,24c-10.5,10.5-10.5,27.6,0,38.1
+                    l183.9,183.9L109.3,430c-5.1,5.1-7.9,11.8-7.9,19c0,7.2,2.8,14,7.9,19l16.1,16.1c5.1,5.1,11.8,7.9,19,7.9s14-2.8,19-7.9L382.7,265
+                    c5.1-5.1,7.9-11.9,7.8-19.1C390.5,238.7,387.8,231.9,382.7,226.8z"
+            ></path>
+          </g>
+        </svg>
+      </div>
+    </div>
+  </div>
+);