Now formatted correctly with eslint

src/app/features/settings/settings-modal/network-settings/network-settings.component.html

@@ -3,7 +3,10 @@
   <section>
     <div class="flex items-center justify-between mb-3">
       <div class="flex items-center gap-2">
-        <ng-icon name="lucideGlobe" class="w-5 h-5 text-muted-foreground" />
+        <ng-icon
+          name="lucideGlobe"
+          class="w-5 h-5 text-muted-foreground"
+        />
         <h4 class="text-sm font-semibold text-foreground">Server Endpoints</h4>
       </div>
       <button
@@ -11,14 +14,16 @@
         [disabled]="isTesting()"
         class="flex items-center gap-1.5 px-2.5 py-1 text-xs bg-secondary text-foreground rounded-lg hover:bg-secondary/80 transition-colors disabled:opacity-50"
       >
-        <ng-icon name="lucideRefreshCw" class="w-3.5 h-3.5" [class.animate-spin]="isTesting()" />
+        <ng-icon
+          name="lucideRefreshCw"
+          class="w-3.5 h-3.5"
+          [class.animate-spin]="isTesting()"
+        />
         Test All
       </button>
     </div>
 
-    <p class="text-xs text-muted-foreground mb-3">
-      Server directories to search for rooms. The active server is used for creating new rooms.
-    </p>
+    <p class="text-xs text-muted-foreground mb-3">Server directories to search for rooms. The active server is used for creating new rooms.</p>
 
     <!-- Server List -->
     <div class="space-y-2 mb-3">
@@ -41,10 +46,7 @@
             <div class="flex items-center gap-2">
               <span class="text-sm font-medium text-foreground truncate">{{ server.name }}</span>
               @if (server.isActive) {
-                <span
-                  class="text-[10px] bg-primary text-primary-foreground px-1.5 py-0.5 rounded-full"
-                  >Active</span
-                >
+                <span class="text-[10px] bg-primary text-primary-foreground px-1.5 py-0.5 rounded-full">Active</span>
               }
             </div>
             <p class="text-xs text-muted-foreground truncate">{{ server.url }}</p>
@@ -105,7 +107,10 @@
           [disabled]="!newServerName || !newServerUrl"
           class="px-3 py-1.5 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed self-end"
         >
-          <ng-icon name="lucidePlus" class="w-4 h-4" />
+          <ng-icon
+            name="lucidePlus"
+            class="w-4 h-4"
+          />
         </button>
       </div>
       @if (addError()) {
@@ -117,7 +122,10 @@
   <!-- Connection Settings -->
   <section>
     <div class="flex items-center gap-2 mb-3">
-      <ng-icon name="lucideServer" class="w-5 h-5 text-muted-foreground" />
+      <ng-icon
+        name="lucideServer"
+        class="w-5 h-5 text-muted-foreground"
+      />
       <h4 class="text-sm font-semibold text-foreground">Connection</h4>
     </div>
     <div class="space-y-3">