Rename project from RL-Agents to ML-Agents.

Author: lukehollis

api/main.py

@@ -8,7 +8,7 @@
 
 from examples.basic import train_basic, infer_action
 
-app = FastAPI(title="RL-Agents API")
+app = FastAPI(title="ML-Agents API")
 
 SMALL_GOAL = 7
 LARGE_GOAL = 17

client/README.md

@@ -1,4 +1,4 @@
-# RL-Agents – client
+# ML-Agents – client
 
 This folder hosts the **React + Three.js** front-end that recreates the Unity ML-Agents example scenes in the browser.
 

client/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "rl-agents-client",
+  "name": "ml-agents-client",
   "version": "0.1.0",
   "private": true,
   "type": "module",

client/src/examples/Index.jsx

@@ -25,22 +25,25 @@ export default function ExamplesIndex() {
                 boxShadow: '0 0 20px rgba(0, 255, 255, 0.2)',
                 backdropFilter: 'blur(10px)',
                 transition: 'all 0.3s ease',
+                overflow: 'hidden'
               }}
             >
-              <Link to="/basic" style={{ textDecoration: 'none', color: 'inherit' }}>
-                <div style={{ cursor: 'pointer' }}>
-                  <img 
-                    src="/three-mlagents/basic_example.jpg" 
-                    alt="Basic 1-D Move-To-Goal Example"
-                    style={{
-                      width: '100%',
-                      height: '200px',
-                      objectFit: 'cover',
-                      display: 'block'
-                    }}
-                  />
-                </div>
-              </Link>
+              <Card.Content style={{ padding: 0 }}>  
+                <Link to="/basic" style={{ textDecoration: 'none', color: 'inherit' }}>
+                  <div style={{ cursor: 'pointer' }}>
+                    <img 
+                      src="/three-mlagents/basic_example.jpg" 
+                      alt="Basic 1-D Move-To-Goal Example"
+                      style={{
+                        width: '100%',
+                        height: '200px',
+                        objectFit: 'cover',
+                        display: 'block'
+                      }}
+                    />
+                  </div>
+                </Link>
+              </Card.Content>
               <Card.Footer style={{ backgroundColor: 'rgba(17, 17, 17, 0.9)', padding: '16px', display: 'flex', flexDirection: 'column', alignItems: 'flex-start' }}>
                 <Link to="/basic" style={{ textDecoration: 'none', color: 'inherit' }}>
                   <Text h4 style={{ color: '#fff', margin: '0 0 8px 0', cursor: 'pointer' }}>