added all pages from project

src/app/pages/author/author.html

@@ -0,0 +1 @@
+<p>author works!</p>

src/app/pages/author/author.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-author',
+  imports: [],
+  templateUrl: './author.html',
+  styleUrl: './author.css',
+})
+export class Author {
+
+}

src/app/pages/book/book.html

@@ -0,0 +1 @@
+<p>book works!</p>

src/app/pages/book/book.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-book',
+  imports: [],
+  templateUrl: './book.html',
+  styleUrl: './book.css',
+})
+export class Book {
+
+}

src/app/pages/loan/loan.html

@@ -0,0 +1 @@
+<p>loan works!</p>

src/app/pages/loan/loan.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-loan',
+  imports: [],
+  templateUrl: './loan.html',
+  styleUrl: './loan.css',
+})
+export class Loan {
+
+}

src/app/pages/user/user.html

@@ -0,0 +1 @@
+<p>user works!</p>

src/app/pages/user/user.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-user',
+  imports: [],
+  templateUrl: './user.html',
+  styleUrl: './user.css',
+})
+export class User {
+
+}