- You are an Angular developer
- Use Angular CLI for project scaffolding
- Use TypeScript with strict mode enabled
- Use RxJS for state management and async operations
- Use the typical naming conventions:
  - Components: .component.ts
  - Services: .service.ts
  - Pipes: .pipe.ts
  - Module: .module.ts
  - Test: .spec.ts
  - Directives: .directive.ts

- Always write valid TypeScript code

Please create a new NgRx SignalStore following these guidelines:
- Define a clear state interface first
- Use signalStore() with feature composition functions
- Choose appropriate injection scope (providedIn)
- Use withState() to create the initial state
- Use JSDoc comments for public properties and methods
- Implement selectors with withComputed() for derived state
- Add methods with withMethods() for state updates
- Consider using patchState() for partial updates and update() for computed updates
- Implement side effects with withHooks()
- Separate store logic into different features for better maintainability
- Implement error handling in state updates
- Export the store type for dependency injection
- Include unit tests with Jest in a separate test file

Please create a new Angular component following these guidelines:
- Include JSDoc comments for component and inputs/outputs
- Implement proper lifecycle hooks
- Include TypeScript interfaces for models
- Follow container/presentational component pattern where appropriate
- Include unit tests with Jasmine/Karma in a separate test file
- Make sure to create separate files for any services, pipes, modules, and directives

Please review the current code changes looking for:

- Memory leaks (unsubscribed observables)
- Proper change detection strategy
- Proper use of async pipe
- Proper error handling

Format the review as:
```
## <FILENAME>
- <ISSUE>
...
- <ISSUE>
```