fix: mentions on PWA (#1672)

* fix: update tiptap version

* fix: set isMobile by default

Author: nikkothari22

frontend/package.json

@@ -13,22 +13,22 @@
   "dependencies": {
     "@emoji-mart/react": "^1.1.1",
     "@radix-ui/themes": "^3.2.0",
-    "@tiptap/extension-code-block-lowlight": "^2.11.7",
-    "@tiptap/extension-highlight": "^2.11.7",
-    "@tiptap/extension-image": "^2.11.7",
-    "@tiptap/extension-link": "^2.11.7",
-    "@tiptap/extension-mention": "^2.11.7",
-    "@tiptap/extension-placeholder": "^2.11.7",
-    "@tiptap/extension-table": "^2.11.7",
-    "@tiptap/extension-table-cell": "^2.11.7",
-    "@tiptap/extension-table-header": "^2.11.7",
-    "@tiptap/extension-table-row": "^2.11.7",
-    "@tiptap/extension-typography": "^2.11.7",
-    "@tiptap/extension-underline": "^2.11.7",
-    "@tiptap/pm": "^2.11.7",
-    "@tiptap/react": "^2.11.7",
-    "@tiptap/starter-kit": "^2.11.7",
-    "@tiptap/suggestion": "^2.11.7",
+    "@tiptap/extension-code-block-lowlight": "^2.12.0",
+    "@tiptap/extension-highlight": "^2.12.0",
+    "@tiptap/extension-image": "^2.12.0",
+    "@tiptap/extension-link": "^2.12.0",
+    "@tiptap/extension-mention": "^2.12.0",
+    "@tiptap/extension-placeholder": "^2.12.0",
+    "@tiptap/extension-table": "^2.12.0",
+    "@tiptap/extension-table-cell": "^2.12.0",
+    "@tiptap/extension-table-header": "^2.12.0",
+    "@tiptap/extension-table-row": "^2.12.0",
+    "@tiptap/extension-typography": "^2.12.0",
+    "@tiptap/extension-underline": "^2.12.0",
+    "@tiptap/pm": "^2.12.0",
+    "@tiptap/react": "^2.12.0",
+    "@tiptap/starter-kit": "^2.12.0",
+    "@tiptap/suggestion": "^2.12.0",
     "@vitejs/plugin-react": "^4.3.1",
     "autoprefixer": "^10.4.20",
     "blurhash": "^2.0.5",
@@ -77,4 +77,4 @@
     "@types/turndown": "^5.0.4",
     "typescript": "^5.3.3"
   }
-}
+}

frontend/src/hooks/useMediaQuery.ts

@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 
 const useMediaQuery = (query: string) => {
-    const [value, setValue] = useState(false)
+    const [value, setValue] = useState(matchMedia(query).matches)
 
     useEffect(() => {
         function onChange(event: MediaQueryListEvent) {