reorder tabs + remove duplicated examples

website/src/repl/panel/Panel.jsx

@@ -84,9 +84,9 @@ export function Panel({ context }) {
       <div className="flex justify-between px-2">
         <div className={cx('flex select-none max-w-full overflow-auto', activeFooter && 'pb-2')}>
           <PanelTab name="intro" label="welcome" />
+          <PanelTab name="patterns" />
           <PanelTab name="sounds" />
           <PanelTab name="console" />
-          <PanelTab name="patterns" />
           <PanelTab name="reference" />
           <PanelTab name="settings" />
           {TAURI && <PanelTab name="files" />}

website/src/repl/panel/WelcomeTab.jsx

@@ -48,18 +48,6 @@ export function WelcomeTab({ context }) {
         </a>{' '}
         to ensure ongoing development 💖
       </p>
-      <h2 className="text-xl mb-2">examples</h2>
-      <div className="not-prose">
-        {Object.entries(tunes).map(([key, tune]) => (
-          <a
-            key={key}
-            className="mr-4 hover:opacity-50 cursor-pointer inline-block"
-            onClick={() => context.handleUpdate(tune)}
-          >
-            {key}
-          </a>
-        ))}
-      </div>
     </div>
   );
 }