Netwerken UI refactor: shared netns badge verplaatst naar Flags kolom

- Containers kolom toont nu uitsluitend het numerieke aantal containers
- Shared network namespace wordt bepaald via expliciete isShared check
- 'shared' badge verplaatst van Containers kolom naar Flags kolom
- Eerdere uitlijnings-experimenten en CSS overrides opgeschoond
- Duidelijke scheiding aangebracht tussen metriek (aantal) en status (shared netns)

Resultaat: semantisch correctere tabel, stabielere layout en betere leesbaarheid.

webui/html/index.html

@@ -122,14 +122,44 @@
         </div>
       </div>
 
+      <div id="networksSummary" class="statGrid" style="margin:12px 14px 0 14px;"></div>
       <div id="networksStatus" class="muted" style="margin:8px 0;"></div>
+      <div id="networksToolbar" class="toolbar" style="margin:10px 14px 0 14px;">
+        <div class="row gap" style="flex-wrap:wrap; align-items:center;">
+          <input id="networksSearch" class="input" type="search" placeholder="Zoek netwerk, subnet of driver…" style="min-width:260px; flex:1;" />
+
+          <label class="chip">
+            <input id="networksFilterConnected" type="checkbox" />
+            Alleen verbonden
+          </label>
+
+          <label class="chip">
+            <input id="networksFilterHideDefaults" type="checkbox" checked />
+            Verberg standaard
+          </label>
+
+          <label class="chip">
+            <input id="networksFilterShared" type="checkbox" />
+            Shared netns
+          </label>
+
+          <select id="networksSort" class="select">
+            <option value="name_asc">Sorteer: Naam (A→Z)</option>
+            <option value="containers_desc">Sorteer: Containers (hoog→laag)</option>
+            <option value="driver_asc">Sorteer: Driver (A→Z)</option>
+          </select>
+        </div>
+      </div>
 
       <table class="table" id="networksTable">
         <thead>
           <tr>
-            <th style="width:40px;"></th>
-            <th>Netwerk</th>
-            <th># containers</th>
+            <th style="width:42px;"></th>
+            <th>Naam</th>
+            <th style="width:120px;">Driver</th>
+            <th>Subnets</th>
+            <th style="width:140px; text-align:right;">Containers</th>
+            <th style="width:220px;">Flags</th>
           </tr>
         </thead>
         <tbody id="networksTbody"></tbody>