``update prettier config with printWidth and quoteProps, add new routes for connective revision, and update guidelines for hooks and types``

002_source/ionic_mobile/.prettierrc

@@ -1,10 +1,10 @@
 {
   "endOfLine": "lf",
+  "printWidth": 120,
+  "quoteProps": "consistent",
   "semi": true,
   "singleQuote": true,
   "tabWidth": 2,
   "trailingComma": "es5",
-  "printWidth": 120,
-  "quoteProps": "consistent",
   "plugins": []
 }

002_source/ionic_mobile/src/RouteConfig.tsx

@@ -88,6 +88,7 @@ function RouteConfig() {
         <ListeningPractice />
       </Route>
 
+      {/* http://localhost:5173/connective_revision/r/000000000000001 */}
       <Route exact path={`${CONNECTIVE_REVISION_LINK}/r/:p_route`}>
         <ConnectiveRevisionQuizRun />
       </Route>
@@ -96,6 +97,7 @@ function RouteConfig() {
         <ConnectiveRevisionQuizResult />
       </Route>
 
+      {/* http://localhost:5173/connective_revision */}
       <Route exact path={CONNECTIVE_REVISION_LINK}>
         <ConnectiveRevisionSelectCategory />
       </Route>

002_source/ionic_mobile/src/hooks/_GUIDELINES.md

@@ -2,5 +2,8 @@
 
 - single file contains single function only
 - please refer to the `tsx` files already exist in this directory for
+
   - styling
   - naming convention
+
+- `useListQuizListeningPracticeContent.tsx` is a sample for listing question in listening practice.

002_source/ionic_mobile/src/types/_GUIDELINES.md

@@ -1,3 +1,7 @@
 # GUIDELINES
 
 - please follow to the `schema.dbml` when you draft types related to db
+
+## highlighted samples
+
+- `QuizLPQuestion.d.ts`