add endpoint for general stats

load build data to graph
redesign top info tiles
place add button on header
folder restructure

frontend/lib/components/dashboard/your_packages.dart

@@ -0,0 +1,162 @@
+import 'dart:async';
+
+import 'package:aurcache/api/packages.dart';
+import 'package:flutter/material.dart';
+
+import '../../api/API.dart';
+import '../../constants/color_constants.dart';
+import '../../models/package.dart';
+
+class YourPackages extends StatefulWidget {
+  const YourPackages({
+    Key? key,
+  }) : super(key: key);
+
+  @override
+  State<YourPackages> createState() => _YourPackagesState();
+}
+
+class _YourPackagesState extends State<YourPackages> {
+  late Future<List<Package>> dataFuture;
+  Timer? timer;
+
+  @override
+  void initState() {
+    super.initState();
+    dataFuture = API.listPackages();
+
+    timer = Timer.periodic(
+        const Duration(seconds: 10),
+        (Timer t) => setState(() {
+              dataFuture = API.listPackages();
+            }));
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+    timer?.cancel();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.all(defaultPadding),
+      decoration: const BoxDecoration(
+        color: secondaryColor,
+        borderRadius: BorderRadius.all(Radius.circular(10)),
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Text(
+            "Your Packages",
+            style: Theme.of(context).textTheme.subtitle1,
+          ),
+          SingleChildScrollView(
+            //scrollDirection: Axis.horizontal,
+            child: SizedBox(
+              width: double.infinity,
+              child: FutureBuilder(
+                builder: (context, snapshot) {
+                  if (snapshot.hasData) {
+                    return DataTable(
+                      horizontalMargin: 0,
+                      columnSpacing: defaultPadding,
+                      columns: const [
+                        DataColumn(
+                          label: Text("Package ID"),
+                        ),
+                        DataColumn(
+                          label: Text("Package Name"),
+                        ),
+                        DataColumn(
+                          label: Text("Number of versions"),
+                        ),
+                        DataColumn(
+                          label: Text("Status"),
+                        ),
+                        DataColumn(
+                          label: Text("Action"),
+                        ),
+                      ],
+                      rows: snapshot.data!
+                          .map((e) => buildDataRow(e))
+                          .toList(growable: false),
+                    );
+                  } else {
+                    return const Text("No data");
+                  }
+                },
+                future: dataFuture,
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  DataRow buildDataRow(Package package) {
+    return DataRow(
+      cells: [
+        DataCell(Text(package.id.toString())),
+        DataCell(Text(package.name)),
+        DataCell(Text(package.count.toString())),
+        DataCell(IconButton(
+          icon: Icon(
+            switchSuccessIcon(package.status),
+            color: switchSuccessColor(package.status),
+          ),
+          onPressed: () {
+            // todo open build info with logs
+          },
+        )),
+        DataCell(
+          Row(
+            children: [
+              TextButton(
+                child: const Text('View', style: TextStyle(color: greenColor)),
+                onPressed: () {},
+              ),
+              const SizedBox(
+                width: 6,
+              ),
+              TextButton(
+                child: const Text("Delete",
+                    style: TextStyle(color: Colors.redAccent)),
+                onPressed: () {},
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+IconData switchSuccessIcon(int status) {
+  switch (status) {
+    case 0:
+      return Icons.watch_later_outlined;
+    case 1:
+      return Icons.check_circle_outline;
+    case 2:
+      return Icons.cancel_outlined;
+    default:
+      return Icons.question_mark_outlined;
+  }
+}
+
+Color switchSuccessColor(int status) {
+  switch (status) {
+    case 0:
+      return const Color(0xFF9D8D00);
+    case 1:
+      return const Color(0xFF0A6900);
+    case 2:
+      return const Color(0xff760707);
+    default:
+      return const Color(0xFF9D8D00);
+  }
+}