💄 Start working on the UI

- Add bottom NavBar
- Add top bar
- Start working on the `Mixing` Tab

lib/ports_tab.dart

@@ -0,0 +1,35 @@
+import 'package:flutter/material.dart';
+
+class PortsTab extends StatefulWidget {
+  const PortsTab({super.key});
+
+  @override
+  State<PortsTab> createState() => _PortsTabState();
+}
+
+class _PortsTabState extends State<PortsTab> {
+  @override
+  Widget build(BuildContext context) {
+    return const Padding(
+      padding: EdgeInsets.all(8.0),
+      child: Column(
+        children: <Widget>[
+          Card(
+            child: ListTile(
+              leading: Icon(Icons.mic_none),
+              title: Text('Port 1'),
+              subtitle: Text('...'),
+            ),
+          ),
+          Card(
+            child: ListTile(
+              leading: Icon(Icons.speaker_outlined),
+              title: Text('Port 2'),
+              subtitle: Text('...'),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}