Merge branch 'main' into UIdesign_v5

Author: kg0816

src/lib/rules-explanation.ts

@@ -2,11 +2,16 @@ import lifespan from "$lib/assets/life-game-rules/lifespan.js?raw";
 import probabilistics from "$lib/assets/life-game-rules/probabilistics.js?raw";
 
 export type RuleExplanation = {
+  name: {
+    ja: string;
+    en: string;
+  };
+  description: {
+    ja: string;
+    en: string;
+  };
   code: string;
-  ja: string;
-  en: string;
 };
-
 export const rulesExplanation = {
   lifespan: {
     name: {

src/routes/+page.svelte

@@ -246,7 +246,7 @@
         <button
           class="card bg-base-100 shadow-md hover:shadow-lg transition-shadow cursor-pointer text-left flex-shrink-0 w-64"
           onclick={() => {
-            selectRule(ruleData.name as RuleExplanation);
+            selectRule(ruleData as RuleExplanation);
             ruleDrawerOpen = false;
           }}
         >