upgrades, browserrouter, style

package.json

@@ -1,6 +1,6 @@
 {
   "name": "lemmy-modder",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Lemmy Moderation App",
   "author": "tgxn",
   "license": "MIT",
@@ -20,10 +20,10 @@
     "@braintree/sanitize-url": "^6.0.2",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@mui/base": "^5.0.0-beta.21",
-    "@mui/icons-material": "^5.14.15",
-    "@mui/joy": "^5.0.0-beta.12",
-    "@mui/lab": "^5.0.0-alpha.150",
+    "@mui/base": "^5.0.0-beta.22",
+    "@mui/icons-material": "^5.14.16",
+    "@mui/joy": "^5.0.0-beta.13",
+    "@mui/lab": "^5.0.0-alpha.151",
     "@reduxjs/toolkit": "^1.9.7",
     "@tanstack/react-query": "^5.4.3",
     "@tanstack/react-query-devtools": "^5.4.3",
@@ -43,7 +43,7 @@
     "react-moment": "^1.1.3",
     "react-number-format": "^5.3.1",
     "react-redux": "^8.1.1",
-    "react-router-dom": "^6.17.0",
+    "react-router-dom": "^6.18.0",
     "redux": "^4.2.1",
     "sass": "^1.69.5",
     "sass-loader": "^13.3.2",

src/App.jsx

@@ -5,7 +5,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 
 import { Routes, Route, Navigate } from "react-router-dom";
-import { HashRouter } from "react-router-dom";
+import { BrowserRouter } from "react-router-dom";
 
 import { useTheme } from "@mui/joy";
 
@@ -58,7 +58,7 @@ function PageRouter() {
         overflow: "hidden",
       }}
     >
-      <HashRouter>
+      <BrowserRouter>
         <SiteHeader height="50px" />
 
         <Global
@@ -184,7 +184,7 @@ function PageRouter() {
             />
           </Routes>
         </Box>
-      </HashRouter>
+      </BrowserRouter>
     </Container>
   );
 }

src/components/ListItem/Common.jsx

@@ -159,6 +159,7 @@ export function PersonMetaLine({ creator, by = false, sx }) {
         display: "flex",
         flexDirection: "row",
         gap: 1,
+        py: 0.5,
         ...sx,
       }}
     >