made recommeneded fixes for types in login and _app

.prettierrc

@@ -1,8 +1,8 @@
 {
-    "endOfLine": "lf",
-    "semi": true,
     "singleQuote": false,
-    "tabWidth": 4,
     "trailingComma": "es5",
-    "printWidth": 80
-}
+    "tabWidth": 4,
+    "semi": true,
+    "printWidth": 100,
+    "endOfLine": "lf"
+}

src/pages/_app.tsx

@@ -29,10 +29,10 @@ interface CustomAppProps extends Omit<AppProps, "Component"> {
 const MyApp = ({ Component, pageProps }: CustomAppProps): JSX.Element => {
     const router = useRouter();
     const Layout = Component.Layout || FallbackLayout;
-    const layoutProps = pageProps.layout || {};
+    const { layout } = pageProps;
+    const layoutProps = layout || {};
 
     useEffect(() => {
-        // Replace the expression with a more explicit check and action
         const activeElement = document.activeElement;
         if (activeElement instanceof HTMLElement) {
             activeElement.blur();

src/pages/login.tsx

@@ -25,12 +25,10 @@ const Login: PageWithLayout = () => {
 
     useEffect(() => {
         if (status === "authenticated") {
-            // Using async/await with proper error handling
             (async () => {
                 try {
                     await router.push("/profile");
                 } catch (err) {
-                    // Only log in development, consider using a proper error tracking service
                     if (process.env.NODE_ENV === "development") {
                         // eslint-disable-next-line no-console
                         console.error("Failed to redirect to profile:", err);
@@ -47,7 +45,6 @@ const Login: PageWithLayout = () => {
                 redirect: true,
             });
         } catch (error) {
-            // Handle sign-in error if needed
             if (process.env.NODE_ENV === "development") {
                 // eslint-disable-next-line no-console
                 console.error("Sign-in failed:", error);