Updated TTS Filters page to use resolvers, services and better UX.

src/app/app.routes.ts

@@ -12,6 +12,7 @@ import { RedemptionsComponent } from './redemptions/redemptions/redemptions.comp
 import RedemptionResolver from './shared/resolvers/redemption-resolver';
 import TwitchRedemptionResolver from './shared/resolvers/twitch-redemption-resolver';
 import RedeemableActionResolver from './shared/resolvers/redeemable-action-resolver';
+import TtsFilterResolver from './shared/resolvers/tts-filter-resolver';
 
 export const routes: Routes = [
   {
@@ -23,6 +24,9 @@ export const routes: Routes = [
     path: 'filters',
     component: FiltersComponent,
     canActivate: [AuthUserGuard],
+    resolve: {
+      filters: TtsFilterResolver,
+    }
   },
   {
     path: 'actions',