fix: use semantic element

especially for accessibility reasons

Author: mfranzke

packages/mdx/src/mini-editor/editor-frame.tsx

@@ -167,7 +167,7 @@ function TabsContainer({
       )}
       {showFrameButtons ? <FrameButtons /> : <div />}
       {tabs.map(({ title, active, style }) => (
-        <div
+        <button
           key={title}
           title={title}
           data-ch-tab={panel}
@@ -198,9 +198,10 @@ function TabsContainer({
             ),
           }}
           onClick={onTabClick && (() => onTabClick(title))}
+          type="button"
         >
           <TabTitle title={title} />
-        </div>
+        </button>
       ))}
       <div style={{ flex: 1, minWidth: "0.8em" }} />
       {button}