Add icons to cards in docsite, adjust md padding

docs/docs/index.mdx

@@ -21,37 +21,37 @@ Check out [Getting Started](./gettingstarted) for installation instructions.
 <CardGroup>
   <Card
     href="./customization"
-    icon="fa-file-magnifying-glass"
+    icon="fa-paintbrush"
     title="Customization"
     description="Set up tabs and terminals to match your workflow needs."
   />
   <Card
     href="./keybindings"
-    icon="fa-file-magnifying-glass"
+    icon="fa-keyboard"
     title="Key Bindings"
     description="Boost efficiency with keyboard shortcuts for faster navigation."
   />
   <Card
     href="./layout"
-    icon="fa-file-magnifying-glass"
+    icon="fa-grid-2"
     title="Layout"
     description="Organize your workspace using our layout system."
   />
   <Card
     href="./connections"
-    icon="fa-file-magnifying-glass"
+    icon="fa-network-wired"
     title="Remote Connections"
     description="Quickly SSH or connect to remote machines in one step."
   />
   <Card
     href="./widgets"
-    icon="fa-file-magnifying-glass"
+    icon="fa-rocket"
     title="Widgets"
     description="Explore built-in tools to extend your terminal’s functionality."
   />
   <Card
     href="./wsh"
-    icon="fa-file-magnifying-glass"
+    icon="fa-rectangle-terminal"
     title="wsh Command"
     description="Control Wave and launch widgets directly from the command line."
   />

frontend/app/element/markdown.scss

@@ -19,7 +19,7 @@
         font-family: var(--markdown-font-family);
         font-size: var(--markdown-font-size);
         overflow-wrap: break-word;
-        padding: 5px 15px;
+        padding: 5px 15px 10px 15px;
 
         &.non-scrollable {
             overflow: hidden;