feat: apply new layout overhaul

src/app/modules/dashboard/sections/search-section/search-section.component.ts

@@ -0,0 +1,37 @@
+/*
+ * Copyright (C) 2022 StApps
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU General Public License along with
+ * this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+import {Component} from '@angular/core';
+import {Router} from '@angular/router';
+
+/**
+ * Shows a search input field
+ */
+@Component({
+  selector: 'stapps-search-section',
+  templateUrl: 'search-section.component.html',
+  styleUrls: ['search-section.component.scss'],
+})
+export class SearchSectionComponent {
+  searchTerm = '';
+
+  constructor(private router: Router) {}
+
+  /**
+   * User submits search
+   */
+  onSubmitSearch() {
+    this.router.navigate(['/search', this.searchTerm]);
+  }
+}