feat(create-link): add create link component and routing

src/app/create-link/create-link.component.ts

@@ -0,0 +1,37 @@
+import { Component } from '@angular/core';
+import { NavbarComponent } from '../navbar/navbar.component';
+import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { LinkService } from '../service/link.service';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-create-link',
+  imports: [NavbarComponent, ReactiveFormsModule],
+  templateUrl: './create-link.component.html',
+  styleUrl: './create-link.component.css'
+})
+export class CreateLinkComponent {
+  public createLinkForm!: FormGroup;
+  public requestFailed: boolean = false;
+
+  constructor(private linkService: LinkService, private router: Router) { }
+
+  ngOnInit(): void {
+    this.createLinkForm = new FormGroup({
+      name: new FormControl(''),
+      link: new FormControl(''),
+    });
+  }
+
+  submit() {
+    this.requestFailed = false;
+    this.linkService.createLink({
+      name: this.createLinkForm.get('name')?.value,
+      link: this.createLinkForm.get('link')?.value,
+    }).catch(() => this.requestFailed = true).finally(() => {
+      if (!this.requestFailed) {
+        this.router.navigate(['dashboard']);
+      }
+    });
+  }
+}