Rename "Help Center Home", add Devlog

Changes:
- index.tsx: Add a "Devlog" entry to match the navbar
- navbar and index.tsx: Rename "Help Center Home" to "Users"
- navbar: Change the leftmost entry (which points to the index) from "Solus" to "Solus Help Center"
- Rework the index grid for 3 entries

Rationale:
- "Help Center Home" is too generic, "Users" is more specific
- The actual "home" (top level page for https://help.getsol.us) is somewhere else

Bikeshedding: Suggest a better icon for "devlog" from here https://mui.com/material-ui/material-icons/?query=fe&theme=Outlined

docusaurus.config.js

@@ -100,7 +100,7 @@ const config = {
             type: "docSidebar",
             sidebarId: "userSidebar",
             position: "left",
-            label: "Help Center Home",
+            label: "Users",
           },
           {
             type: "docSidebar",

i18n/en/docusaurus-theme-classic/navbar.json

@@ -1,15 +1,15 @@
 {
   "title": {
-    "message": "Solus",
+    "message": "Solus Help Center",
     "description": "The title in the navbar"
   },
   "logo.alt": {
     "message": "Solus Logo",
     "description": "The alt text of navbar logo"
   },
-  "item.label.Help Center Home": {
-    "message": "Help Center Home",
-    "description": "Navbar item with label Help Center Home"
+  "item.label.Users": {
+    "message": "Users",
+    "description": "Navbar item with label Users"
   },
   "item.label.Packaging": {
     "message": "Packaging",

src/pages/index.tsx

@@ -7,12 +7,13 @@ import { DocSection } from "../types";
 
 import PersonOutlineOutlinedIcon from "@mui/icons-material/PersonOutlineOutlined";
 import Inventory2OutlinedIcon from "@mui/icons-material/Inventory2Outlined";
+import CommentOutlinedIcon from "@mui/icons-material/CommentOutlined";
 import Doc from "../components/home/Doc";
 import Header from "../components/home/Header";
 
 const DocList: DocSection[] = [
   {
-    title: "Help Center Home",
+    title: "Users",
     description: <>Installing, software, boot management, troubleshooting and more</>,
     link: "docs/user/intro",
     img: <PersonOutlineOutlinedIcon sx={{ fontSize: 96 }} />,
@@ -23,6 +24,12 @@ const DocList: DocSection[] = [
     link: "docs/packaging",
     img: <Inventory2OutlinedIcon sx={{ fontSize: 96 }} />,
   },
+  {
+    title: "Dev Log",
+    description: <>Learn what our developers have been up to</>,
+    link: "blog",
+    img: <CommentOutlinedIcon sx={{ fontSize: 96 }} />,
+  },
 ];
 
 const Docs = () => {
@@ -33,8 +40,8 @@ const Docs = () => {
         <Grid2
           columns={{
             xs: 6,
-            sm: 6,
-            md: 12,
+            sm: 18,
+            md: 18,
           }}
           container
           margin={0}