🔗 feat: add navigation to topup page from balance cards

- Add click-to-navigate functionality on balance cards in both Detail and TokensTable components
- Implement navigation to '/console/topup' when clicking on current balance
- Add useNavigate hook and necessary imports
- Keep consistent navigation behavior across components

Components affected:
- web/src/pages/Detail/index.js
- web/src/components/TokensTable.js

web/src/components/LogsTable.js

@@ -1141,7 +1141,7 @@ const LogsTable = () => {
                   size='large'
                   style={{
                     padding: 15,
-                    borderRadius: '8px',
+                    borderRadius: '9999px',
                     fontWeight: 500,
                     boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
                   }}
@@ -1153,7 +1153,7 @@ const LogsTable = () => {
                   size='large'
                   style={{
                     padding: 15,
-                    borderRadius: '8px',
+                    borderRadius: '9999px',
                     fontWeight: 500,
                     boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
                   }}
@@ -1167,7 +1167,7 @@ const LogsTable = () => {
                     padding: 15,
                     border: 'none',
                     boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
-                    borderRadius: '8px',
+                    borderRadius: '9999px',
                     fontWeight: 500,
                   }}
                 >

web/src/components/TokensTable.js

@@ -1,4 +1,5 @@
 import React, { useEffect, useState, useContext } from 'react';
+import { useNavigate } from 'react-router-dom';
 import {
   API,
   copy,
@@ -48,6 +49,7 @@ function renderTimestamp(timestamp) {
 
 const TokensTable = () => {
   const { t } = useTranslation();
+  const navigate = useNavigate();
   const [userState, userDispatch] = useContext(UserContext);
 
   const renderStatus = (status, model_limits_enabled = false) => {
@@ -576,6 +578,7 @@ const TokensTable = () => {
           shadows='hover'
           className="bg-blue-50 border-0 !rounded-2xl w-full"
           headerLine={false}
+          onClick={() => navigate('/console/topup')}
         >
           <div className="flex items-center">
             <Avatar