i am trying to change my file from page.jsx to index.jsx so that i can create a github pages link

i am trying to change my page.jsx file to an index.jsx file. i am creating my project using reactJS and NextJS but for some reason my homepage doesnt load correctly when i rename the file

This is what is supposed to come up. this was the original homepage when the file name was page.jsx (https://i.stack.imgur.com/FoXsJ.png)

This is what comes up instead once i rename the file to index.jsx(https://i.stack.imgur.com/k4ixz.png)

how do i go about solving this problem please?

here is my github repo link https://github.com/hajimon54/idris-helpdesk

thank you 🙂

i have tried rebuilding the project but that doesnt help and i have also stopped the dev server and ran it again but idk what else to do, im stuck