✨ Account leveling

lib/widgets/account/leveling_progress.dart

@@ -0,0 +1,57 @@
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:styled_widget/styled_widget.dart';
+
+class LevelingProgressCard extends StatelessWidget {
+  final int level;
+  final int experience;
+  final double progress;
+
+  const LevelingProgressCard({
+    super.key,
+    required this.level,
+    required this.experience,
+    required this.progress,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.stretch,
+        children: [
+          Text('levelingProgress').tr().fontSize(16).bold(),
+          Row(
+            spacing: 8,
+            crossAxisAlignment: CrossAxisAlignment.baseline,
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            textBaseline: TextBaseline.alphabetic,
+            children: [
+              Text(
+                'levelingProgressLevel'.tr(args: [level.toString()]),
+                style: GoogleFonts.robotoMono(),
+              ).fontSize(13).bold(),
+              Text(
+                'levelingProgressExperience'.tr(args: [experience.toString()]),
+                style: GoogleFonts.robotoMono(),
+              ).fontSize(13),
+            ],
+          ),
+          const Gap(8),
+          Tooltip(
+            message: '${(progress).toStringAsFixed(1)}%',
+            child: LinearProgressIndicator(
+              minHeight: 4,
+              value: progress / 100,
+              color: Theme.of(context).colorScheme.primary,
+              backgroundColor:
+                  Theme.of(context).colorScheme.surfaceContainerHigh,
+            ),
+          ),
+        ],
+      ).padding(horizontal: 16, vertical: 12),
+    );
+  }
+}