Added docs and removed an unused import.

import { Component, EventEmitter, ChangeDetectorRef } from '@angular/core';

import { Component, EventEmitter } from '@angular/core';

import { UserAvatarService } from '../../services/user-avatar.service';

import { UserAvatarService } from '../../services/user-avatar.service';

import { of, Observable } from 'rxjs';

import { of, Observable } from 'rxjs';

/**

 * @author Ben Hayward

 * @desc Singleton service used to store the current user avatar as a BehaviorSubject.

 */

import { Injectable } from '@angular/core';

import { Injectable } from '@angular/core';

import { BehaviorSubject } from 'rxjs';

import { BehaviorSubject } from 'rxjs';

// Singleton

@Injectable({

@Injectable({

  providedIn: 'root',

  providedIn: 'root',

})

})