feat: improve seo and add pwa support

[diogogmatos]

Since the export const metadata feature of Next.js only works server-side, I have placed the metadata for each page in its own layout.tsx file. This way, the page.tsx file of each page is free to be used client-side and has the bonus of not getting cluttered with metadata stuff.

Added a install prompt with an "add to home screen" button that will:

• If supported, directly open a system prompt to install the app
• If not supported, show a step by step guide on how to install the app, that changes according to the operating system being used (iOS or Android)

Example on iOS:

Example on Android:

Screen_Recording_20250908_201928_Chrome.mp4

[diogogmatos]

It would be nice to merge this before monday 👀 @gxnca @nunom27 @enricoprazeres

[diogogmatos]

Added the install button and updated the prompt logic to only be shown automatically at most 3 times, which basically means that:

1. Prompt gets shown for the first time, User dismisses prompt (1x)
2. 7 days later: Prompt gets shown again, User dismisses again (2x)
3. 7 days later: Prompt gets shown for the final time, User dismisses (3x)
4. Prompt never gets shown automatically again (only using the button now)

And all of this only if the user is always using the browser and not the app, on Android or iOS, to open the platform during the 3 consecutive weeks.

I think this is a good balance of giving a little motivation to the users to use the web app but also not annoying them forever if they insist in using it on the browser.

[joaodiaslobo]

I think the the PWA prompt is a bit too intrusive. If I recall correctly, it would be the first time we do this in any of our apps, right?
I'm not too sure we should be immediately bombarding students with a pop-up like this.

Maybe let's just keep it as a button like we did with Calendarium? 🤔

[diogogmatos]

@joaodiaslobo

I think the objective of the prompt is to let our users know of a feature they won't even know is there otherwise. Like Calendarium, the UX in Pombo benefits a lot from the extra vertical space the PWA provides when showing events and classes in the calendar, besides it's an overall better experience. I think this prompt would really benefit the adoption rates of this feature, since the concept of a PWA is not commonly known.

As for it being too intrusive, in my opinion it is almost as intrusive as a notification would be. As a user, I wouldn't mind being shown this one time, I think I would even think it's a cool thing we have that option.

I discussed this yesterday with @nunom27 and @gxnca and we had come to an agreement. But if you guys want to reconsider, it's okay. I've made my point.

[gxnca]

[diogogmatos]

🙏🏼 😭 portugal, lisboa, conseguimos.