update footer, header and home compoents

src/app/footer/footer.component.html

@@ -1,3 +1,4 @@
-<footer>
-  <p>&copy; 2025 Chagarlamudi.net. Made by Raghu Chagarlamudi.</p>
+<footer class="footer">
+  <span class="footer__copyright">&copy; {{ copyRightYear }} Chagarlamudi.net.</span>
+  <span class="footer__made-by">Made by <a class="footer__link" routerLink="/home">Raghu Chagarlamudi</a></span>
 </footer>

src/app/footer/footer.component.scss

@@ -1,6 +1,24 @@
-:host {
-  p {
-    padding: 8px 16px;
-    text-align: center;
+.footer {
+  padding: 0.5rem 1rem;
+  text-align: center;
+  font-size: 0.825rem;
+
+  &__copyright {
+    display: block;
+    margin-bottom: 0.5rem;
+  }
+
+  &__made-by {
+    margin-left: 0.125rem;
+  }
+
+  &__link {
+    text-decoration: underline;
+    font-weight: bold;
+    color: var(--mat-sys-primary);
+
+    &:hover {
+      opacity: 0.8;
+    }
   }
 }

src/app/footer/footer.component.ts

@@ -1,10 +1,13 @@
 import { Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
 
 @Component({
   standalone: true,
   selector: 'app-footer',
-  imports: [],
+  imports: [RouterLink],
   templateUrl: './footer.component.html',
   styleUrl: './footer.component.scss',
 })
-export class FooterComponent {}
+export class FooterComponent {
+  readonly copyRightYear = new Date().getFullYear();
+}