add apibuilder widget to make api callsmore straightforward and data updateable from everywhere through providers

frontend/lib/components/build_output.dart

@@ -0,0 +1,95 @@
+import 'dart:async';
+
+import 'package:aurcache/api/builds.dart';
+import 'package:flutter/material.dart';
+
+import '../api/API.dart';
+import '../models/build.dart';
+
+class BuildOutput extends StatefulWidget {
+  const BuildOutput({super.key, required this.build});
+
+  final Build build;
+
+  @override
+  State<BuildOutput> createState() => _BuildOutputState();
+}
+
+class _BuildOutputState extends State<BuildOutput> {
+  late Future<String> initialOutput;
+
+  String output = "";
+  Timer? outputTimer;
+  final scrollController = ScrollController();
+
+  @override
+  Widget build(BuildContext context) {
+    return Expanded(
+      flex: 1,
+      child: SingleChildScrollView(
+        controller: scrollController,
+        scrollDirection: Axis.vertical, //.horizontal
+        child: Padding(
+          padding: const EdgeInsets.only(left: 30, right: 15),
+          child: Text(
+            output,
+            style: const TextStyle(
+              fontSize: 16.0,
+              color: Colors.white,
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    initOutputLoader();
+  }
+
+  void initOutputLoader() {
+    initialOutput = API.getOutput(buildID: widget.build.id);
+    initialOutput.then((value) {
+      setState(() {
+        output = value;
+      });
+      _scrollToBottom();
+    });
+
+    // poll new output only if not finished
+    if (widget.build.status == 0) {
+      outputTimer = Timer.periodic(const Duration(seconds: 3), (Timer t) async {
+        print("refreshing output");
+        final value = await API.getOutput(
+            buildID: widget.build.id, line: output.split("\n").length);
+        setState(() {
+          output += value;
+        });
+
+        _scrollToBottom();
+      });
+    }
+  }
+
+  void _scrollToBottom() {
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      // scroll to bottom
+      final scrollPosition = scrollController.position;
+      if (scrollPosition.viewportDimension < scrollPosition.maxScrollExtent) {
+        scrollController.animateTo(
+          scrollPosition.maxScrollExtent,
+          duration: const Duration(milliseconds: 200),
+          curve: Curves.easeOut,
+        );
+      }
+    });
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+    outputTimer?.cancel();
+  }
+}