Next.js Developer for PWA 2

I am learning next.js and facing an issue when creating a PWA:

1. I want the app to work as PWA, currently doesn't show "install app" on the browser

2. I want the app to work offline %100

3. npm run dev shows 2 warnings, I would like to fix:

Warning 1:
⚠ Invalid next.config.mjs options detected:
⚠ Unrecognized key(s) in object: '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23'


Warning 2:
⚠ InjectManifest has been called multiple times, perhaps due to running webpack in --watch mode. The precache manifest generated after the first call may be inaccurate! Please see https://github.com/GoogleChrome/workbox/issues/1790 for more information.

4. this project is for learning purpose, so I expect an explanation on how it was done

>>> attached the project