feat: add tutorial button

Author: kg0816

src/lib/icons/index.ts

@@ -9,3 +9,4 @@ export { default as language } from "./language.svg";
 export { default as reset } from "./reset.svg";
 export { default as accelerate } from "./accelerate.svg";
 export { default as decelerate } from "./decelerate.svg";
+export { default as questionmark } from "./questionmark.svg";

src/lib/icons/questionmark.svg

@@ -163,13 +163,23 @@
     <img class="size-6" src={icons.reset} alt="Reset" />
   </button>
 
-  <label class="btn btn-ghost btn-circle hover:bg-[rgb(220,220,220)] swap mx-5">
+  <label class="btn btn-ghost btn-circle hover:bg-[rgb(220,220,220)] swap ml-5">
     <input type="checkbox" bind:checked={showEditor} />
     <div class="text-black">
       <img class="size-6" src={icons.CodeBracket} alt="Code Bracket" />
     </div>
   </label>
 
+  <button
+    class="btn btn-ghost btn-circle hover:bg-[rgb(220,220,220)] ml-5"
+    onclick={() => {
+      // ここにチュートリアル・ヘルプを配置 (初起動時に表示もあり)
+      // 他の方法で実装してもよし
+    }}
+  >
+    <img class="size-6" src={icons.questionmark} alt="Info" />
+  </button>
+
   <button
     class="btn btn-ghost btn-circle hover:bg-[rgb(220,220,220)] mx-5"
     onclick={() => {