Update usage of app title

src/app/about/about.ts

@@ -13,7 +13,7 @@ export class AboutComponent {
 
   ngOnInit() {
     this.appState.showBackButton = true;
-    this.appState.title = 'About';
+    this.appState.updateTitle('About');
     this.appState.actions = [];
   }
 }

src/app/about/licenses/licenses.ts

@@ -17,7 +17,7 @@ export class LicensesComponent {
 
   ngOnInit() {
     this.appState.showBackButton = true;
-    this.appState.title = 'Licenses';
+    this.appState.updateTitle('Licenses');
     this.appState.actions = [];
 
     const dataFormatter = (data: string) => `<pre>${data.replace(/</g, '&lt;').replace(/>/g, '&gt;')}</pre>`;

src/app/app.ts

@@ -81,7 +81,6 @@ export class AppComponent {
       }
     }
 
-    // appState.title = 'Blockcore Notes';
     this.authService.authInfo$.subscribe(async (auth) => {
       auth.publicKeyHex;
 

src/app/chat/chat.ts

@@ -9,7 +9,7 @@ export class ChatComponent {
   constructor(private appState: ApplicationState) {}
 
   async ngOnInit() {
-    this.appState.title = 'Chat';
+    this.appState.updateTitle('Chat');
     this.appState.goBack = true;
     this.appState.actions = [];
   }

src/app/circles/circles.ts

@@ -230,7 +230,7 @@ export class CirclesComponent {
   }
 
   async ngOnInit() {
-    this.appState.title = 'Circles';
+    this.appState.updateTitle('Circles');
     this.appState.showBackButton = false;
     this.appState.actions = [
       {

src/app/feed-private/feed-private.ts

@@ -135,7 +135,7 @@ export class FeedPrivateComponent {
   hasFollowers = false;
 
   async ngOnInit() {
-    this.appState.title = 'Following Notes';
+    this.appState.updateTitle('Following Notes');
     this.options.options.privateFeed = true;
 
     this.subscriptions.push(

src/app/feed-public/feed-public.ts

@@ -284,7 +284,7 @@ export class FeedPublicComponent {
     // useReactiveContext // New construct in Angular 14 for subscription.
     // https://medium.com/generic-ui/the-new-way-of-subscribing-in-an-angular-component-f74ef79a8ffc
 
-    this.appState.title = '';
+    this.appState.updateTitle('');
 
     if (this.relay) {
       return;

src/app/feed/feed.ts

@@ -169,7 +169,7 @@ export class FeedComponent {
     // useReactiveContext // New construct in Angular 14 for subscription.
     // https://medium.com/generic-ui/the-new-way-of-subscribing-in-an-angular-component-f74ef79a8ffc
 
-    this.appState.title = '';
+    this.appState.updateTitle('');
     this.appState.showBackButton = false;
     this.appState.actions = [
       {

src/app/followers/followers.ts

@@ -24,7 +24,7 @@ export class FollowersComponent {
 
     this.subscriptions.push(
       this.ui.profile$.subscribe((profile) => {
-        this.appState.title = `@${profile?.name}`;
+        this.appState.updateTitle(`@${profile?.name}`);
       })
     );
 

src/app/home/home.ts

@@ -491,7 +491,7 @@ export class HomeComponent {
     // useReactiveContext // New construct in Angular 14 for subscription.
     // https://medium.com/generic-ui/the-new-way-of-subscribing-in-an-angular-component-f74ef79a8ffc
 
-    this.appState.title = '';
+    this.appState.updateTitle('');
     this.appState.showBackButton = false;
     this.appState.actions = [
       {

src/app/note/note.ts

@@ -108,9 +108,8 @@ export class NoteComponent {
     }
 
     console.log('NG INIT ON NOTE:');
-    // this.appState.title = 'Blockcore Notes';
 
-    this.appState.title = 'Thread';
+    this.appState.updateTitle('Thread');
     this.appState.showBackButton = true;
 
     // Subscribe to the event which will update whenever user requests to view a different event.

src/app/notes/notes.ts

@@ -25,7 +25,7 @@ export class NotesComponent {
   }
 
   ngOnInit() {
-    this.appState.title = 'Saved Notes';
+    this.appState.updateTitle('Saved Notes');
     this.appState.goBack = true;
     this.appState.actions = [];
   }

src/app/user/user.ts

@@ -228,7 +228,7 @@ export class UserComponent {
 
     this.appState.showBackButton = true;
     this.appState.actions = [];
-    this.appState.title = '';
+    this.appState.updateTitle('');
 
     this.subscriptions.push(
       this.activatedRoute.queryParams.subscribe(async (params) => {