Show a message on tokens list route when no token was created yet

virtweb_frontend/src/routes/TokensListRoute.tsx

@@ -10,6 +10,7 @@ import {
   TableContainer,
   TableHead,
   TableRow,
+  Typography,
 } from "@mui/material";
 import React from "react";
 import { useNavigate } from "react-router-dom";
@@ -58,6 +59,7 @@ export function TokensListRouteInner(p: {
         </RouterLink>
       }
     >
+      {p.list.length > 0 && (
         <TableContainer component={Paper}>
           <Table>
             <TableHead>
@@ -122,6 +124,13 @@ export function TokensListRouteInner(p: {
             </TableBody>
           </Table>
         </TableContainer>
+      )}
+
+      {p.list.length === 0 && (
+        <Typography style={{ textAlign: "center" }}>
+          No API token created yet.
+        </Typography>
+      )}
     </VirtWebRouteContainer>
   );
 }