AI Coach messages bookmarking. Top bar refined.

src/components/History.tsx

@@ -1,5 +1,7 @@
+
 import React, { useState } from 'react';
-import { Calendar, Clock, TrendingUp, Gauge, Pencil, Trash2, X, Save, ArrowRight, ArrowUp, Timer, Activity, Dumbbell, Percent } from 'lucide-react';
+import { Trash2, Calendar, Clock, ChevronDown, ChevronUp, History as HistoryIcon, Dumbbell, Ruler, Timer, Weight, Edit2, Gauge, Pencil, Save } from 'lucide-react';
+import { TopBar } from './ui/TopBar';
 import { WorkoutSession, ExerciseType, WorkoutSet, Language } from '../types';
 import { t } from '../services/i18n';
 import { formatSetMetrics } from '../utils/setFormatting';
@@ -84,7 +86,7 @@ const History: React.FC<HistoryProps> = ({ lang }) => {
 
     const formatDateForInput = (timestamp: number) => {
         const d = new Date(timestamp);
-        const pad = (n: number) => n < 10 ? '0' + n : n;
+        const pad = (n: number) => (n < 10 ? '0' + n : n);
         return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
     };
 
@@ -170,10 +172,7 @@ const History: React.FC<HistoryProps> = ({ lang }) => {
 
     return (
         <div className="h-full flex flex-col bg-surface">
-            <div className="p-4 bg-surface-container shadow-elevation-1 z-10 shrink-0">
-                <h2 className="text-2xl font-normal text-on-surface">{t('tab_history', lang)}</h2>
-            </div>
-
+            <TopBar title={t('tab_history', lang)} icon={HistoryIcon} />
             <div className="flex-1 overflow-y-auto p-4 pb-20">
                 <div className="max-w-2xl mx-auto space-y-4">
                     {/* Regular Workout Sessions */}