Upgraded Next.js from Version 12.3 to 13.5

[Warrenn205]

Description

In this PR, I tackled Issue #55 which was to upgrade the Next.js version from 12.3 to 13.5 in order to
leverage the latest features, optimizations, and improvements.

Related Issue

#55

Type of Change

• Bug fix: A non-breaking change that fixes an issue.
• New feature: A non-breaking change that adds functionality.
• Breaking change: A change that causes existing functionality to not work as expected.
• Performance improvement: A change that improves performance.

Proposed Solution

In my PR, I upgraded the Next.js version from 12.3 to 13.5. In the package.json, I updated the Next.js dependency variable "next" from "12.3.0" to "13.5.8", then ran npm install in order to install any changes. Following the Next.js Migration Guide provided, I also ran two codemods (next-image-to-legacy-image and next-image-experimental) for safely upgrading the respective imports in order to maintain the same behavior and functionalities previously in Next.js 12.3. I also ensured that all client-side rendering functionalities were working correctly in version 13.5 and optimized the application for improved performance.

How to Test

Run the application from the local development server using the command "npm run dev: all" in the terminal. Test any of the features of the application to ensure that client side rendering functionalities are working as expected.

Unit Tests

1. Tested the Sign in page for ensuring that users can sign in successfully into application. Originally recieved CSS errors stating that width and height values in the Image tag importing from ImageURL had to be changed from "38.74px" and "auto" to "39" as there were conflicts.
2. Ensured that the onboarding page works as expected without any issues. I had to change the width and height values in the Image tag importing from ImageURL had to be changed from "38.74px" and "auto" to "39" as there were conflicts there as well.
3. Tested Chat and History features to ensure that they worked as they did before upgrading to Next.js 13.5.
4. Tested tools in order to ensure that they still had the same functionalities before upgrading as well.

Documentation Updates

• No

[poojithreddy28]

Hi @Warrenn205 ,
The changes in layouts/AuthLayout/AuthLayout.jsx are mainly formatting and not directly related to the Next.js upgrade. Consider separating these changes into a different PR focused on code cleanup.

[Warrenn205]

Ok. I will do that. Thank you much Poojith.

[poojithreddy28]

The changes in layouts/MainAppLayout/MainAppLayout.jsx are mainly formatting and not directly related to the Next.js upgrade. Consider separating these changes from the Pull request.

[Warrenn205]

Ok. I will resolve this soon. Thank you.

[poojithreddy28]

Hey @Warrenn205 ,
"@emotion/cache": "^11.14.0",
"@next/codemod": "^15.1.3",

are these dependencies required as part of nextjs upgrade? if yes, please reply back to this thread with brief explanation.

[Warrenn205]

No.