frontend second step

frontend/src/index.css

@@ -237,3 +237,14 @@ h2 {
     align-items: flex-start;
   }
 }
+
+.row-link {
+  cursor: pointer;
+}
+.row-link:hover td {
+  background: #eff6ff;
+}
+.row-link .name {
+  color: #2563eb;
+  font-weight: 500;
+}

frontend/src/pages/EquipmentCard.tsx

@@ -76,8 +76,8 @@ export function EquipmentCard() {
       {recalcError && <ErrorMessage message={recalcError} />}
 
       <div className="grid">
-        <HistoryChart id={id} />
         <ForecastChart id={id} />
+        <HistoryChart id={id} />
         <PhysicsChart />
         <EquipmentAlerts id={id} />
       </div>
@@ -159,8 +159,7 @@ function PhysicsChart() {
         <h2>Физическая модель против фактических показаний</h2>
       </div>
       <div className="placeholder">
-        Заглушка: появится, когда физическая модель начнёт писать в <code>physics_predictions</code> и будет готов
-        эндпоинт.
+        Заглушка
       </div>
     </div>
   );

frontend/src/pages/EquipmentList.tsx

@@ -1,4 +1,4 @@
-import { Link } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
 
 import { api } from "../api";
 import { Empty, ErrorMessage, Loading } from "../components/State";
@@ -8,6 +8,7 @@ import { useFetch } from "../useFetch";
 
 export function EquipmentList() {
   const { data, error, loading, reload } = useFetch(api.listEquipment, []);
+  const navigate = useNavigate();
 
   return (
     <section>
@@ -34,10 +35,8 @@ export function EquipmentList() {
           </thead>
           <tbody>
             {data.map((e) => (
-              <tr key={e.id}>
-                <td>
-                  <Link to={`/equipment/${e.id}`}>{e.name}</Link>
-                </td>
+              <tr key={e.id} className="row-link" onClick={() => navigate(`/equipment/${e.id}`)}>
+                <td className="name">{e.name}</td>
                 <td>
                   <StatusBadge status={e.status} />
                 </td>