✨ Implement search in ports tab

lib/ports_tab.dart

@@ -15,6 +15,9 @@ class PortsTab extends StatefulWidget {
 }
 
 class _PortsTabState extends State<PortsTab> {
+  final searchController = TextEditingController();
+  String searchText = "";
+
   void onEditPort(mixer.Port port) {
     CreatePortDialog().show(context, widget.sendAction, port, false);
   }
@@ -48,9 +51,36 @@ class _PortsTabState extends State<PortsTab> {
       child: Padding(
         padding: const EdgeInsets.all(8.0),
         child: Column(
-          children: [...widget.mixerState.inputs, ...widget.mixerState.outputs]
+          children: [
+            TextField(
+                decoration: InputDecoration(
+                  prefixIcon: const Icon(Icons.search),
+                  suffixIcon: IconButton(
+                    icon: const Icon(Icons.clear),
+                    onPressed: () {
+                      setState(() {
+                        searchController.text = "";
+                        searchText = "";
+                      });
+                    },
+                  ),
+                  labelText: 'Search',
+                  border: const OutlineInputBorder(),
+                ),
+                onChanged: (val) {
+                  setState(() {
+                    searchText = val;
+                  });
+                },
+                controller: searchController),
+            const SizedBox(height: 10),
+            ...[...widget.mixerState.inputs, ...widget.mixerState.outputs]
                 .indexed
-              .map(
+                .where((elem) {
+              return elem.$2.name
+                  .toLowerCase()
+                  .contains(searchText.toLowerCase());
+            }).map(
               (elem) => Card(
                 child: ListTile(
                   leading: (elem.$1 >= widget.mixerState.inputs.length)
@@ -89,7 +119,7 @@ class _PortsTabState extends State<PortsTab> {
                 ),
               ),
             )
-              .toList(),
+          ],
         ),
       ),
     );