feat: create robot icon button

src/components/molecules/RecordingsTable.tsx

@@ -157,9 +157,28 @@ export const RecordingsTable = ({ handleEditRecording, handleRunRecording, handl
         <Typography variant="h6" gutterBottom>
           My Robots
         </Typography>
-        <Button variant="contained" color="primary" onClick={handleNewRecording}>
-          Create Robot
-        </Button>
+        <IconButton
+                      aria-label="new"
+                      size={"small"}
+                      onClick={handleNewRecording}
+                      sx={{
+                        width: '140px',
+                        borderRadius: '5px',
+                        padding: '8px',
+                        background: '#ff00c3',
+                        color: 'white',
+                        marginRight: '10px',
+                        fontFamily: '"Roboto","Helvetica","Arial",sans-serif',
+                        fontWeight: '500',
+                        fontSize: '0.875rem',
+                        lineHeight: '1.75',
+                        letterSpacing: '0.02857em',
+                        '&:hover': { color: 'white', backgroundColor: '#ff00c3' }
+                      }
+                      }
+                    >
+                      <Add sx={{ marginRight: '5px' }} /> Create Robot
+                    </IconButton>
       </Box>
       <TableContainer component={Paper} sx={{ width: '100%', overflow: 'hidden', marginTop: '15px' }}>
         <Table stickyHeader aria-label="sticky table">