Merge branch 'dev' into shadcn/EnergyConsumptionChart

Author: saurabhburade

public/content/contributing/translation-program/translatathon/details/index.md

@@ -123,6 +123,9 @@ EthStaker
 - https://crowdin.com/project/ethstaker-website
 - https://crowdin.com/project/ethstaker-knowledge-base
 
+Solidity Language Docs
+- https://crowdin.com/project/solidity-language-docs
+
 ### Evaluation process
 
 All translations will be subject to QA and feedback, where professional linguists will evaluate submissions based on quality and accuracy.

src/components/FeedbackCard.tsx

@@ -9,8 +9,7 @@ import { FeedbackThumbsUpIcon } from "@/components/icons"
 import { trackCustomEvent } from "@/lib/utils/matomo"
 import { isLangRightToLeft } from "@/lib/utils/translations"
 
-import { Button } from "../../tailwind/ui/buttons/Button"
-
+import { Button } from "./ui/buttons/Button"
 import Translation from "./Translation"
 
 import { useSurvey } from "@/hooks/useSurvey"

src/components/LanguagePicker/index.tsx

@@ -44,7 +44,7 @@ const LanguagePicker = ({
    * @param {string} event - The keydown event.
    */
   useEventListener("keydown", (e) => {
-    if (e.key !== "\\") return
+    if (e.key !== "\\" || e.metaKey || e.ctrlKey) return
     e.preventDefault()
     onOpen()
   })

src/components/Quiz/QuizWidget/useQuizWidget.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useMemo, useState } from "react"
+import isChromatic from "chromatic"
 import shuffle from "lodash/shuffle"
 import { useTranslation } from "next-i18next"
 
@@ -51,7 +52,9 @@ export const useQuizWidget = ({
       const rawQuestion: RawQuestion = questionBank[id]
       return { id, ...rawQuestion }
     })
-    const shuffledQuestions = shuffle(questions)
+
+    // ! Do not shuffle questions in Chromatic to keep the modal story snapshot stable
+    const shuffledQuestions = isChromatic() ? questions : shuffle(questions)
     const quiz: Quiz = {
       title: t(rawQuiz.title),
       questions: shuffledQuestions,