feat(xtream): add clear form button and functionality

apps/web/src/assets/i18n/en.json

@@ -1,4 +1,5 @@
 {
+    "CLEAR": "Clear",
     "CLOSE": "Close",
     "PLAYLISTS": "Playlists",
     "HOME": {

libs/playlist/import/feature/src/lib/xtream-code-import/xtream-code-import.component.html

@@ -35,14 +35,23 @@
     </mat-form-field>
 
     <div class="button-row">
-        <button
-            mat-button
-            type="button"
-            [disabled]="!form.valid || isTestingConnection"
-            (click)="testConnection()"
-        >
-            {{ isTestingConnection ? 'Testing...' : 'Test Connection' }}
-        </button>
+        <div>
+            <button
+                mat-button
+                type="button"
+                [disabled]="!form.valid || isTestingConnection"
+                (click)="testConnection()"
+            >
+                {{ isTestingConnection ? 'Testing...' : 'Test Connection' }}
+            </button>
+            <button
+                mat-button
+                type="button"
+                (click)="clearForm()"
+            >
+                {{ 'CLEAR' | translate }}
+            </button>
+        </div>
         <button
             mat-button
             type="submit"

libs/playlist/import/feature/src/lib/xtream-code-import/xtream-code-import.component.ts

@@ -127,6 +127,18 @@ export class XtreamCodeImportComponent {
         return this.portalStatusService.getStatusIcon(this.connectionStatus);
     }
 
+    clearForm() {
+        this.form.reset({
+            _id: uuid(),
+            title: '',
+            password: '',
+            username: '',
+            serverUrl: '',
+            importDate: new Date().toISOString(),
+        });
+        this.connectionStatus = null;
+    }
+
     addPlaylist() {
         const serverUrlAsString = this.form.value.serverUrl as string;
         const url = new URL(serverUrlAsString);