NAS-114411: Extracting network configuration into a separate component

src/app/pages/network/network-configuration-card/network-configuration-card.component.html

-<mat-card>
+<mat-card class="card">
   <mat-toolbar-row>
     <h3>{{ 'Global Configuration' | translate }}</h3>
     <button mat-button color="default" (click)="onSettingsClicked()">{{ 'Settings' | translate }}</button>

src/app/pages/network/network-configuration-card/network-configuration-card.component.scss

+.card {
+  width: 100%;
+}
+
 .mat-toolbar-row {
   display: flex;
   justify-content: space-between;

src/app/pages/network/network.component.html

@@ -49,7 +49,7 @@
               >{{helptext.go_to_ha | translate}}</span>).</div>
         </mat-card>
         <app-table [conf]="interfaceTableConf" fxFlex></app-table>
-        <ix-network-configuration-card></ix-network-configuration-card>
+        <ix-network-configuration-card class="dashboard-card"></ix-network-configuration-card>
       </div>
     </div>
     <div class="left-column" fxFlex="100" fxFlex.lg="35">

src/app/pages/network/network.component.scss

@@ -24,3 +24,8 @@ div.disabled-notice {
   cursor: pointer;
   text-decoration: underline;
 }
+
+.dashboard-card {
+  display: flex;
+  flex: 1 1 0;
+}