feat: prevent browser translation of kana and furigana (#548)

Author: quijadajose

src/routes/history/index.svelte

@@ -67,7 +67,7 @@
 						class:hiragana={isHiragana(kana)}
 						class:katakana={isKatakana(kana)}
 					>
-						<span class="kana">{kana}</span>
+						<span class="kana" lang="ja-JP" translate="no">{kana}</span>
 						<span class="error-count">
 							{errors} error{errors !== 1 ? "s" : ""}
 						</span>
@@ -117,6 +117,8 @@
 											class:hiragana={isHiragana(item.kana)}
 											class:katakana={isKatakana(item.kana)}
 											title="{item.incorrectTimes} error(s)"
+											lang="ja-JP"
+											translate="no"
 										>
 											{item.kana}
 											{#if item.incorrectTimes > 1}

src/routes/session/_QuizItem.svelte

@@ -35,9 +35,11 @@
 	bind:this={element}
 	style="font-family: {currentFont}, sans-serif; font-weight: 400;"
 >
-	<div class="kana">{kana}</div>
+	<div class="kana" lang="ja-JP" translate="no">{kana}</div>
 	{#if hasIncorrectAnswer}
-		<div class="furigana">{getAnswers(kana)[0]}</div>
+		<div class="furigana" lang="ja-JP" translate="no">
+			{getAnswers(kana)[0]}
+		</div>
 	{/if}
 </div>
 

src/routes/setup/_KanaCheckbox.svelte

@@ -72,6 +72,8 @@
 			class:katakana={["katakana", "both"].includes(kanaType)}
 			on:transitionend={transitionEnd}
 			on:transitioncancel={transitionEnd}
+			lang="ja-JP"
+			translate="no"
 		>
 			{["katakana", "both"].includes(kanaType)
 				? toKatakana(item.kana)
@@ -86,6 +88,8 @@
 					delay: animationDelay,
 					easing: cubicOut
 				}}
+				lang="ja-JP"
+				translate="no"
 			>
 				{item.kana}
 			</div>

src/routes/summary/_SummaryItem.svelte

@@ -21,6 +21,8 @@
 		style="font-family: {$font === 'random'
 			? 'Noto Sans JP'
 			: $font}, sans-serif; font-weight: 400;"
+		lang="ja-JP"
+		translate="no"
 	>
 		{item.kana}
 		{#if item.incorrectTimes > 1}