many many updates (check commit detail)

- updated dependencies
  - bumped react version 17 -> 18
- changed navbar button tag from `a` to `button`
- added locale info to url (made sure same url = same content)
- fixed 0 gettingconsidered as "unknown length" for
  word count in `PostCard`
- moved functions from `Page.tsx` to `helper.ts`
- added "translation not available" page

src/index.tsx

@@ -1,20 +1,18 @@
-import React from "react"
-import ReactDOM from "react-dom"
+import { createRoot } from "react-dom/client"
 import { HelmetProvider } from "react-helmet-async"
 import { BrowserRouter } from "react-router-dom"
 import { GlobalStore } from "./globalContext"
 
 import App from "./App"
 
-ReactDOM.render(
-	<React.StrictMode>
-		<GlobalStore>
-			<BrowserRouter>
-				<HelmetProvider>
-					<App />
-				</HelmetProvider>
-			</BrowserRouter>
-		</GlobalStore>
-	</React.StrictMode>,
-	document.getElementById("root")
+const container = document.getElementById("root") as HTMLElement
+const root = createRoot(container)
+root.render(
+	<GlobalStore>
+		<BrowserRouter>
+			<HelmetProvider>
+				<App />
+			</HelmetProvider>
+		</BrowserRouter>
+	</GlobalStore>
 )