fix(QuizWidget.stories): fix render of "Layer 2" translation text

Author: TylerAPfledderer

.storybook/i18next.ts

@@ -58,6 +58,7 @@ i18n.use(initReactI18next).init({
   react: { useSuspense: false },
   supportedLngs,
   resources,
+  defaultNS: "common",
 })
 
 export default i18n

src/components/Quiz/QuizWidget/QuizWidget.stories.tsx

@@ -47,13 +47,11 @@ export const QuizWidgetAllCorrect: StoryObj<typeof meta> = {
     const quizWidget = canvas.getByTestId("quiz-widget")
     await expect(quizWidget).toBeInTheDocument()
 
-    // TODO: would like to add this check to confirm translation is working
-    // currently broken here, despite it working fine in prod
-    // await waitFor(() =>
-    //   expect(canvas.getByTestId("answer-status-null")).toHaveTextContent(
-    //     "Layer 2"
-    //   )
-    // )
+    await waitFor(() =>
+      expect(canvas.getByTestId("answer-status-null")).toHaveTextContent(
+        "Layer 2"
+      )
+    )
 
     await waitFor(() =>
       expect(canvas.getByTestId("check-answer-button")).toBeDisabled()