Fix icon alignment for Tools & Libraries and Agent Resources

- Replace toolbox icon with screwdriver-wrench for better optical centering
- Replace sparkles/brain icon with robot for symmetric alignment
- Update icons in overview.mdx, tools-and-libraries.mdx, and docs.json sidebar
- Add CSS for card and sidebar icon vertical centering

Author: tcaldwell-x

docs.json

@@ -25,7 +25,7 @@
                   "make-your-first-request",
                   {
                     "group": "Tools & Libraries",
-                    "icon": "toolbox",
+                    "icon": "screwdriver-wrench",
                     "pages": [
                       "tools-and-libraries",
                       "tools/xurl",

overview.mdx

@@ -77,13 +77,13 @@ Earn free [xAI API](https://docs.x.ai) credits when you purchase X API credits 
   <Card title="Tutorials" icon="book" href="/tutorials">
     Step-by-step guides for common use cases and integrations.
   </Card>
-  <Card title="Tools & Libraries" icon="toolbox" href="/tools-and-libraries">
+  <Card title="Tools & Libraries" icon="screwdriver-wrench" href="/tools-and-libraries">
     Official SDKs and community libraries for every language.
   </Card>
   <Card title="Developer Forum" icon="comments" href="https://devcommunity.x.com">
     Get help from the community and X team.
   </Card>
-  <Card title="Agent Resources" icon="sparkles" href="/tools/ai">
+  <Card title="Agent Resources" icon="robot" href="/tools/ai">
     llms.txt, skill.md, MCP servers, and resources for AI-powered development.
   </Card>
 </CardGroup>

style.css

@@ -163,3 +163,11 @@ td[data-label="Free Limit"] strong {
 .dark #usage-slider::-moz-range-thumb {
   background: #0B0C0E;
 }
+
+/* Fix card and sidebar icon vertical centering with adjacent text */
+#sidebar-content button > svg:first-of-type {
+  align-self: center;
+}
+.group\/card .flex {
+  align-items: center;
+}

tools-and-libraries.mdx

@@ -74,7 +74,7 @@ console.log(userResponse.data?.username);
   <Card title="API Playground" icon="flask" href="https://github.com/xdevplatform/playground">
     Local mock server for testing X API v2 endpoints without using real credits.
   </Card>
-  <Card title="Agent Resources" icon="sparkles" href="/tools/ai">
+  <Card title="Agent Resources" icon="robot" href="/tools/ai">
     XMCP, llms.txt, skill.md, docs MCP server, and resources for AI-powered development.
   </Card>
 </CardGroup>