Advice for app architecture

I am looking for some advice on best practices for my app architecture.

Right now, I have my app folder structured like this:

/components
/guards
/interceptors
/pages
/services
/tabs
app-routing.module.ts
app.component.html
app.component.scss
app.component.ts
app.module.ts

Where do you typically store your modals? Is there a best practice for organizing all of the modal pages?

I have put them in /modals so I can easily reuse code for some of the repetitive stuff like closing

Other way is organise by feature requiring you to reshuffle all

Ionic and angular have good guidance - except for modals