{"timestamp":"00:00:33.006","source":"Server","level":"WARN","message":"⚠ Slow filesystem detected. The benchmark took 602ms. If E:\\projects\\female-fitness-finder\\.next/dev is a network drive, consider moving it to a local folder.\nSee more: https://nextjs.org/docs/app/guides/local-development"}
{"timestamp":"00:01:06.026","source":"Server","level":"LOG","message":""}
{"timestamp":"00:01:09.134","source":"Server","level":"LOG","message":"○ Compiling /admin/dashboard ..."}
{"timestamp":"00:01:33.872","source":"Browser","level":"INFO","message":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold"}
{"timestamp":"00:01:34.012","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>\n      <AppDevOverlayErrorBoundary globalError={[...]}>\n        <ReplaySsrOnlyErrors>\n        <DevRootHTTPAccessFallbackBoundary>\n          <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>\n            <HTTPAccessFallbackErrorBoundary pathname=\"/admin/das...\" notFound={<NotAllowedRootHTTPFallbackError>} ...>\n              <RedirectBoundary>\n                <RedirectErrorBoundary router={{...}}>\n                  <Head>\n                  <__next_root_layout_boundary__>\n                    <SegmentViewNode type=\"layout\" pagePath=\"layout.tsx\">\n                      <SegmentTrieNode>\n                      <link>\n                      <script>\n                      <script>\n                      <RootLayout>\n                        <html lang=\"en\" className=\"geist_a715...\">\n                          <head>\n                          <body\n                            className=\"min-h-full flex flex-col\"\n-                           cz-shortcut-listen=\"true\"\n                          >\n                  ...\n"}
{"timestamp":"00:01:34.135","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>\n      <AppDevOverlayErrorBoundary globalError={[...]}>\n        <ReplaySsrOnlyErrors>\n        <DevRootHTTPAccessFallbackBoundary>\n          <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>\n            <HTTPAccessFallbackErrorBoundary pathname=\"/search-pr...\" notFound={<NotAllowedRootHTTPFallbackError>} ...>\n              <RedirectBoundary>\n                <RedirectErrorBoundary router={{...}}>\n                  <Head>\n                  <__next_root_layout_boundary__>\n                    <SegmentViewNode type=\"layout\" pagePath=\"layout.tsx\">\n                      <SegmentTrieNode>\n                      <link>\n                      <script>\n                      <script>\n                      <RootLayout>\n                        <html lang=\"en\" className=\"geist_a715...\">\n                          <head>\n                          <body\n                            className=\"min-h-full flex flex-col\"\n-                           cz-shortcut-listen=\"true\"\n                          >\n                  ...\n"}
{"timestamp":"00:01:34.135","source":"Browser","level":"WARN","message":"Image with src \"http://localhost:3000/Verified%20by%20FFF.svg\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio."}
{"timestamp":"00:01:34.135","source":"Browser","level":"WARN","message":"Image with src \"http://localhost:3000/Women-Only%20Spaces.svg\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio."}
{"timestamp":"00:01:34.277","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>\\n      <AppDevOverlayErrorBoundary globalError={[...]}>\\n        <ReplaySsrOnlyErrors>\\n        <DevRootHTTPAccessFallbackBoundary>\\n          <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>\\n            <HTTPAccessFallbackErrorBoundary pathname=\\\"/search-pr...\\\" notFound={<NotAllowedRootHTTPFallbackError>} ...>\\n              <RedirectBoundary>\\n                <RedirectErrorBoundary router={{...}}>\\n                  <Head>\\n                  <__next_root_layout_boundary__>\\n                    <SegmentViewNode type=\\\"layout\\\" pagePath=\\\"layout.tsx\\\">\\n                      <SegmentTrieNode>\\n                      <link>\\n                      <script>\\n                      <script>\\n                      <RootLayout>\\n                        <html lang=\\\"en\\\" className=\\\"geist_a715...\\\">\\n                          <head>\\n                          <body\\n                            className=\\\"min-h-full flex flex-col\\\"\\n-                           cz-shortcut-listen=\\\"true\\\"\\n                          >\\n                  ...\\n\" \"\""}
{"timestamp":"00:01:34.277","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>\n      <AppDevOverlayErrorBoundary globalError={[...]}>\n        <ReplaySsrOnlyErrors>\n        <DevRootHTTPAccessFallbackBoundary>\n          <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>\n            <HTTPAccessFallbackErrorBoundary pathname=\"/search-pr...\" notFound={<NotAllowedRootHTTPFallbackError>} ...>\n              <RedirectBoundary>\n                <RedirectErrorBoundary router={{...}}>\n                  <Head>\n                  <__next_root_layout_boundary__>\n                    <SegmentViewNode type=\"layout\" pagePath=\"layout.tsx\">\n                      <SegmentTrieNode>\n                      <link>\n                      <script>\n                      <script>\n                      <RootLayout>\n                        <html lang=\"en\" className=\"geist_a715...\">\n                          <head>\n                          <body\n                            className=\"min-h-full flex flex-col\"\n-                           cz-shortcut-listen=\"true\"\n                          >\n                  ...\n \"\""}
{"timestamp":"00:01:34.292","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>\\n      <AppDevOverlayErrorBoundary globalError={[...]}>\\n        <ReplaySsrOnlyErrors>\\n        <DevRootHTTPAccessFallbackBoundary>\\n          <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>\\n            <HTTPAccessFallbackErrorBoundary pathname=\\\"/admin/das...\\\" notFound={<NotAllowedRootHTTPFallbackError>} ...>\\n              <RedirectBoundary>\\n                <RedirectErrorBoundary router={{...}}>\\n                  <Head>\\n                  <__next_root_layout_boundary__>\\n                    <SegmentViewNode type=\\\"layout\\\" pagePath=\\\"layout.tsx\\\">\\n                      <SegmentTrieNode>\\n                      <link>\\n                      <script>\\n                      <script>\\n                      <RootLayout>\\n                        <html lang=\\\"en\\\" className=\\\"geist_a715...\\\">\\n                          <head>\\n                          <body\\n                            className=\\\"min-h-full flex flex-col\\\"\\n-                           cz-shortcut-listen=\\\"true\\\"\\n                          >\\n                  ...\\n\" \"\""}
{"timestamp":"00:01:34.293","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>\n      <AppDevOverlayErrorBoundary globalError={[...]}>\n        <ReplaySsrOnlyErrors>\n        <DevRootHTTPAccessFallbackBoundary>\n          <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>\n            <HTTPAccessFallbackErrorBoundary pathname=\"/admin/das...\" notFound={<NotAllowedRootHTTPFallbackError>} ...>\n              <RedirectBoundary>\n                <RedirectErrorBoundary router={{...}}>\n                  <Head>\n                  <__next_root_layout_boundary__>\n                    <SegmentViewNode type=\"layout\" pagePath=\"layout.tsx\">\n                      <SegmentTrieNode>\n                      <link>\n                      <script>\n                      <script>\n                      <RootLayout>\n                        <html lang=\"en\" className=\"geist_a715...\">\n                          <head>\n                          <body\n                            className=\"min-h-full flex flex-col\"\n-                           cz-shortcut-listen=\"true\"\n                          >\n                  ...\n \"\""}
{"timestamp":"00:01:35.508","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mImage with src \\\"http://localhost:3000/Verified%20by%20FFF.svg\\\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \\\"auto\\\"' or 'height: \\\"auto\\\"' to maintain the aspect ratio.\\u001b[39m\""}
{"timestamp":"00:01:35.508","source":"Browser","level":"WARN","message":"\u001b[33mImage with src \"http://localhost:3000/Verified%20by%20FFF.svg\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio.\u001b[39m"}
{"timestamp":"00:01:35.509","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mImage with src \\\"http://localhost:3000/Women-Only%20Spaces.svg\\\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \\\"auto\\\"' or 'height: \\\"auto\\\"' to maintain the aspect ratio.\\u001b[39m\""}
{"timestamp":"00:01:35.509","source":"Browser","level":"WARN","message":"\u001b[33mImage with src \"http://localhost:3000/Women-Only%20Spaces.svg\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio.\u001b[39m"}
{"timestamp":"00:01:36.804","source":"Server","level":"LOG","message":"📊 Fetching admin stats..."}
{"timestamp":"00:01:36.998","source":"Server","level":"LOG","message":"📈 Stats calculated: {}"}
{"timestamp":"00:01:37.682","source":"Server","level":"LOG","message":"👥 Fetching all users..."}
{"timestamp":"00:01:37.693","source":"Server","level":"LOG","message":"✅ Found 17 users"}
{"timestamp":"00:01:37.860","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>\n      <AppDevOverlayErrorBoundary globalError={[...]}>\n        <ReplaySsrOnlyErrors>\n        <DevRootHTTPAccessFallbackBoundary>\n          <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>\n            <HTTPAccessFallbackErrorBoundary pathname=\"/signup\" notFound={<NotAllowedRootHTTPFallbackError>} ...>\n              <RedirectBoundary>\n                <RedirectErrorBoundary router={{...}}>\n                  <Head>\n                  <__next_root_layout_boundary__>\n                    <SegmentViewNode type=\"layout\" pagePath=\"layout.tsx\">\n                      <SegmentTrieNode>\n                      <link>\n                      <script>\n                      <script>\n                      <RootLayout>\n                        <html lang=\"en\" className=\"geist_a715...\">\n                          <head>\n                          <body\n                            className=\"min-h-full flex flex-col\"\n-                           cz-shortcut-listen=\"true\"\n                          >\n                  ...\n"}
{"timestamp":"00:01:38.038","source":"Browser","level":"WARN","message":"Image with src \"/logo-dark.png\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio."}
{"timestamp":"00:01:38.078","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mImage with src \\\"/logo-dark.png\\\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \\\"auto\\\"' or 'height: \\\"auto\\\"' to maintain the aspect ratio.\\u001b[39m\""}
{"timestamp":"00:01:38.079","source":"Browser","level":"WARN","message":"\u001b[33mImage with src \"/logo-dark.png\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio.\u001b[39m"}
{"timestamp":"00:01:38.111","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s https://react.dev/link/hydration-mismatch \n\n  ...\n    <HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>\n      <AppDevOverlayErrorBoundary globalError={[...]}>\n        <ReplaySsrOnlyErrors>\n        <DevRootHTTPAccessFallbackBoundary>\n          <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>\n            <HTTPAccessFallbackErrorBoundary pathname=\"/\" notFound={<NotAllowedRootHTTPFallbackError>} ...>\n              <RedirectBoundary>\n                <RedirectErrorBoundary router={{...}}>\n                  <Head>\n                  <__next_root_layout_boundary__>\n                    <SegmentViewNode type=\"layout\" pagePath=\"layout.tsx\">\n                      <SegmentTrieNode>\n                      <link>\n                      <script>\n                      <script>\n                      <RootLayout>\n                        <html lang=\"en\" className=\"geist_a715...\">\n                          <head>\n                          <body\n                            className=\"min-h-full flex flex-col\"\n-                           cz-shortcut-listen=\"true\"\n                          >\n                  ...\n"}
{"timestamp":"00:01:38.142","source":"Browser","level":"WARN","message":"Image with src \"/gym-card-1.jpg\" has \"fill\" but is missing \"sizes\" prop. Please add it to improve page performance. Read more: https://nextjs.org/docs/api-reference/next/image#sizes"}
{"timestamp":"00:01:38.194","source":"Browser","level":"WARN","message":"Image with src \"/gym-card-2.jpg\" has \"fill\" but is missing \"sizes\" prop. Please add it to improve page performance. Read more: https://nextjs.org/docs/api-reference/next/image#sizes"}
{"timestamp":"00:01:38.201","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mImage with src \\\"/gym-card-1.jpg\\\" has \\\"fill\\\" but is missing \\\"sizes\\\" prop. Please add it to improve page performance. Read more: https://nextjs.org/docs/api-reference/next/image#sizes\\u001b[39m\""}
{"timestamp":"00:01:38.202","source":"Browser","level":"WARN","message":"\u001b[33mImage with src \"/gym-card-1.jpg\" has \"fill\" but is missing \"sizes\" prop. Please add it to improve page performance. Read more: https://nextjs.org/docs/api-reference/next/image#sizes\u001b[39m"}
{"timestamp":"00:01:38.205","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mImage with src \\\"/gym-card-2.jpg\\\" has \\\"fill\\\" but is missing \\\"sizes\\\" prop. Please add it to improve page performance. Read more: https://nextjs.org/docs/api-reference/next/image#sizes\\u001b[39m\""}
{"timestamp":"00:01:38.206","source":"Browser","level":"WARN","message":"\u001b[33mImage with src \"/gym-card-2.jpg\" has \"fill\" but is missing \"sizes\" prop. Please add it to improve page performance. Read more: https://nextjs.org/docs/api-reference/next/image#sizes\u001b[39m"}
{"timestamp":"00:01:38.207","source":"Browser","level":"WARN","message":"Image with src \"/fff-footer-logo.png\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio."}
{"timestamp":"00:01:38.207","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mImage with src \\\"/fff-footer-logo.png\\\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \\\"auto\\\"' or 'height: \\\"auto\\\"' to maintain the aspect ratio.\\u001b[39m\""}
{"timestamp":"00:01:38.208","source":"Browser","level":"WARN","message":"\u001b[33mImage with src \"/fff-footer-logo.png\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio.\u001b[39m"}
{"timestamp":"00:01:38.914","source":"Server","level":"LOG","message":"🏋️ Fetching all trainers..."}
{"timestamp":"00:01:38.927","source":"Server","level":"LOG","message":"✅ Found 7 trainers"}
{"timestamp":"00:01:39.898","source":"Server","level":"LOG","message":"🏢 Fetching all gyms..."}
{"timestamp":"00:01:39.930","source":"Server","level":"LOG","message":"✅ Found 27 gyms"}
{"timestamp":"00:01:40.069","source":"Browser","level":"WARN","message":"Image with src \"/logo-dark.png\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio."}
{"timestamp":"00:02:32.831","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mImage with src \\\"/logo-dark.png\\\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \\\"auto\\\"' or 'height: \\\"auto\\\"' to maintain the aspect ratio.\\u001b[39m\""}
{"timestamp":"00:02:32.832","source":"Browser","level":"WARN","message":"\u001b[33mImage with src \"/logo-dark.png\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio.\u001b[39m"}
{"timestamp":"00:03:17.759","source":"Server","level":"LOG","message":"✓ Finished filesystem cache database compaction in 38.4s"}
{"timestamp":"00:06:39.352","source":"Server","level":"LOG","message":"✓ Compiled in 2.8s"}
{"timestamp":"00:10:06.147","source":"Browser","level":"WARN","message":"Image with src \"/header-transparent-logo.png\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio."}
{"timestamp":"00:10:06.266","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>\\n      <AppDevOverlayErrorBoundary globalError={[...]}>\\n        <ReplaySsrOnlyErrors>\\n        <DevRootHTTPAccessFallbackBoundary>\\n          <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>\\n            <HTTPAccessFallbackErrorBoundary pathname=\\\"/\\\" notFound={<NotAllowedRootHTTPFallbackError>} ...>\\n              <RedirectBoundary>\\n                <RedirectErrorBoundary router={{...}}>\\n                  <Head>\\n                  <__next_root_layout_boundary__>\\n                    <SegmentViewNode type=\\\"layout\\\" pagePath=\\\"layout.tsx\\\">\\n                      <SegmentTrieNode>\\n                      <link>\\n                      <script>\\n                      <script>\\n                      <RootLayout>\\n                        <html lang=\\\"en\\\" className=\\\"geist_a715...\\\">\\n                          <head>\\n                          <body\\n                            className=\\\"min-h-full flex flex-col\\\"\\n-                           cz-shortcut-listen=\\\"true\\\"\\n                          >\\n                  ...\\n\" \"\""}
{"timestamp":"00:10:06.266","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>\n      <AppDevOverlayErrorBoundary globalError={[...]}>\n        <ReplaySsrOnlyErrors>\n        <DevRootHTTPAccessFallbackBoundary>\n          <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>\n            <HTTPAccessFallbackErrorBoundary pathname=\"/\" notFound={<NotAllowedRootHTTPFallbackError>} ...>\n              <RedirectBoundary>\n                <RedirectErrorBoundary router={{...}}>\n                  <Head>\n                  <__next_root_layout_boundary__>\n                    <SegmentViewNode type=\"layout\" pagePath=\"layout.tsx\">\n                      <SegmentTrieNode>\n                      <link>\n                      <script>\n                      <script>\n                      <RootLayout>\n                        <html lang=\"en\" className=\"geist_a715...\">\n                          <head>\n                          <body\n                            className=\"min-h-full flex flex-col\"\n-                           cz-shortcut-listen=\"true\"\n                          >\n                  ...\n \"\""}
{"timestamp":"00:10:06.361","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mImage with src \\\"/header-transparent-logo.png\\\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \\\"auto\\\"' or 'height: \\\"auto\\\"' to maintain the aspect ratio.\\u001b[39m\""}
{"timestamp":"00:10:06.361","source":"Browser","level":"WARN","message":"\u001b[33mImage with src \"/header-transparent-logo.png\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio.\u001b[39m"}
{"timestamp":"00:10:06.586","source":"Server","level":"ERROR","message":"[browser] \"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\\n\\n- A server/client branch `if (typeof window !== 'undefined')`.\\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\\n- Date formatting in a user's locale which doesn't match the server.\\n- External changing data without sending a snapshot of it along with the HTML.\\n- Invalid HTML tag nesting.\\n\\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\\n\\nhttps://react.dev/link/hydration-mismatch\\n\\n  ...\\n    <HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>\\n      <AppDevOverlayErrorBoundary globalError={[...]}>\\n        <ReplaySsrOnlyErrors>\\n        <DevRootHTTPAccessFallbackBoundary>\\n          <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>\\n            <HTTPAccessFallbackErrorBoundary pathname=\\\"/signup\\\" notFound={<NotAllowedRootHTTPFallbackError>} ...>\\n              <RedirectBoundary>\\n                <RedirectErrorBoundary router={{...}}>\\n                  <Head>\\n                  <__next_root_layout_boundary__>\\n                    <SegmentViewNode type=\\\"layout\\\" pagePath=\\\"layout.tsx\\\">\\n                      <SegmentTrieNode>\\n                      <link>\\n                      <script>\\n                      <script>\\n                      <RootLayout>\\n                        <html lang=\\\"en\\\" className=\\\"geist_a715...\\\">\\n                          <head>\\n                          <body\\n                            className=\\\"min-h-full flex flex-col\\\"\\n-                           cz-shortcut-listen=\\\"true\\\"\\n                          >\\n                  ...\\n\" \"\""}
{"timestamp":"00:10:06.587","source":"Browser","level":"ERROR","message":"A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch\n\n  ...\n    <HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>\n      <AppDevOverlayErrorBoundary globalError={[...]}>\n        <ReplaySsrOnlyErrors>\n        <DevRootHTTPAccessFallbackBoundary>\n          <HTTPAccessFallbackBoundary notFound={<NotAllowedRootHTTPFallbackError>}>\n            <HTTPAccessFallbackErrorBoundary pathname=\"/signup\" notFound={<NotAllowedRootHTTPFallbackError>} ...>\n              <RedirectBoundary>\n                <RedirectErrorBoundary router={{...}}>\n                  <Head>\n                  <__next_root_layout_boundary__>\n                    <SegmentViewNode type=\"layout\" pagePath=\"layout.tsx\">\n                      <SegmentTrieNode>\n                      <link>\n                      <script>\n                      <script>\n                      <RootLayout>\n                        <html lang=\"en\" className=\"geist_a715...\">\n                          <head>\n                          <body\n                            className=\"min-h-full flex flex-col\"\n-                           cz-shortcut-listen=\"true\"\n                          >\n                  ...\n \"\""}
{"timestamp":"00:10:06.587","source":"Browser","level":"WARN","message":"Image with src \"/logo-dark.png\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio."}
{"timestamp":"00:10:06.610","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mImage with src \\\"/logo-dark.png\\\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \\\"auto\\\"' or 'height: \\\"auto\\\"' to maintain the aspect ratio.\\u001b[39m\""}
{"timestamp":"00:10:06.610","source":"Browser","level":"WARN","message":"\u001b[33mImage with src \"/logo-dark.png\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio.\u001b[39m"}
{"timestamp":"00:10:06.651","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mImage with src \\\"http://localhost:3000/Register%20as%20a%20user.svg\\\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \\\"auto\\\"' or 'height: \\\"auto\\\"' to maintain the aspect ratio.\\u001b[39m\""}
{"timestamp":"00:10:06.652","source":"Browser","level":"WARN","message":"\u001b[33mImage with src \"http://localhost:3000/Register%20as%20a%20user.svg\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio.\u001b[39m"}
{"timestamp":"00:10:06.652","source":"Browser","level":"WARN","message":"Image with src \"http://localhost:3000/Register%20as%20a%20user.svg\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio."}
{"timestamp":"00:10:06.652","source":"Browser","level":"WARN","message":"Image with src \"http://localhost:3000/Register%20as%20a%20gym.svg\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio."}
{"timestamp":"00:10:06.652","source":"Browser","level":"WARN","message":"Image with src \"http://localhost:3000/Register%20as%20a%20trainer.svg\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio."}
{"timestamp":"00:10:06.687","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mImage with src \\\"http://localhost:3000/Register%20as%20a%20gym.svg\\\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \\\"auto\\\"' or 'height: \\\"auto\\\"' to maintain the aspect ratio.\\u001b[39m\""}
{"timestamp":"00:10:06.688","source":"Browser","level":"WARN","message":"\u001b[33mImage with src \"http://localhost:3000/Register%20as%20a%20gym.svg\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio.\u001b[39m"}
{"timestamp":"00:10:06.694","source":"Server","level":"WARN","message":"[browser] \"\\u001b[33mImage with src \\\"http://localhost:3000/Register%20as%20a%20trainer.svg\\\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \\\"auto\\\"' or 'height: \\\"auto\\\"' to maintain the aspect ratio.\\u001b[39m\""}
{"timestamp":"00:10:06.695","source":"Browser","level":"WARN","message":"\u001b[33mImage with src \"http://localhost:3000/Register%20as%20a%20trainer.svg\" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: \"auto\"' or 'height: \"auto\"' to maintain the aspect ratio.\u001b[39m"}
{"timestamp":"00:10:09.991","source":"Browser","level":"ERROR","message":"An empty string (\"\") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string. src src"}
{"timestamp":"00:10:09.991","source":"Browser","level":"ERROR","message":"An empty string (\"\") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string. src src"}
{"timestamp":"00:10:09.991","source":"Browser","level":"ERROR","message":"An empty string (\"\") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string. src src"}
{"timestamp":"00:10:09.991","source":"Browser","level":"ERROR","message":"An empty string (\"\") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string. src src"}
{"timestamp":"00:10:09.991","source":"Browser","level":"ERROR","message":"An empty string (\"\") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string. src src"}
{"timestamp":"00:10:10.189","source":"Server","level":"ERROR","message":"[browser] \"An empty string (\\\"\\\") was passed to the src attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to src instead of an empty string.\" \"\""}
{"timestamp":"00:10:10.189","source":"Browser","level":"ERROR","message":"An empty string (\"\") was passed to the src attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to src instead of an empty string. \"\""}
{"timestamp":"00:10:10.191","source":"Server","level":"ERROR","message":"[browser] \"An empty string (\\\"\\\") was passed to the src attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to src instead of an empty string.\" \"\""}
{"timestamp":"00:10:10.192","source":"Browser","level":"ERROR","message":"An empty string (\"\") was passed to the src attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to src instead of an empty string. \"\""}
{"timestamp":"00:10:10.193","source":"Server","level":"ERROR","message":"[browser] \"An empty string (\\\"\\\") was passed to the src attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to src instead of an empty string.\" \"\""}
{"timestamp":"00:10:10.193","source":"Browser","level":"ERROR","message":"An empty string (\"\") was passed to the src attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to src instead of an empty string. \"\""}
{"timestamp":"00:10:10.194","source":"Server","level":"ERROR","message":"[browser] \"An empty string (\\\"\\\") was passed to the src attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to src instead of an empty string.\" \"\""}
{"timestamp":"00:10:10.194","source":"Browser","level":"ERROR","message":"An empty string (\"\") was passed to the src attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to src instead of an empty string. \"\""}
{"timestamp":"00:10:10.194","source":"Server","level":"ERROR","message":"[browser] \"An empty string (\\\"\\\") was passed to the src attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to src instead of an empty string.\" \"\""}
{"timestamp":"00:10:10.195","source":"Browser","level":"ERROR","message":"An empty string (\"\") was passed to the src attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to src instead of an empty string. \"\""}
