4xx codes use the orange warning badge, and 5xx stay red error

Author: HarshMN2345

src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/sheet.svelte

@@ -98,11 +98,13 @@
                                     <Badge
                                         content={selectedLog.responseStatusCode.toString()}
                                         variant="secondary"
-                                        type={selectedLog?.responseStatusCode >= 400
+                                        type={selectedLog?.responseStatusCode >= 500
                                             ? 'error'
-                                            : selectedLog.responseStatusCode === 0
-                                              ? undefined
-                                              : 'success'} />
+                                            : selectedLog.responseStatusCode >= 400
+                                              ? 'warning'
+                                              : selectedLog.responseStatusCode === 0
+                                                ? undefined
+                                                : 'success'} />
                                 </span>
                             </Layout.Stack>
                             <Layout.Stack gap="xs" inline>

src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/table.svelte

@@ -96,11 +96,13 @@
                     {:else if column.id === 'responseStatusCode'}
                         <Badge
                             variant="secondary"
-                            type={log.responseStatusCode >= 400
+                            type={log.responseStatusCode >= 500
                                 ? 'error'
-                                : log.responseStatusCode === 0
-                                  ? undefined
-                                  : 'success'}
+                                : log.responseStatusCode >= 400
+                                  ? 'warning'
+                                  : log.responseStatusCode === 0
+                                    ? undefined
+                                    : 'success'}
                             content={log.responseStatusCode.toString()} />
                     {:else if column.id === 'requestMethod'}
                         <Typography.Code size="m">

src/routes/(console)/project-[region]-[project]/sites/site-[site]/logs/sheet.svelte

@@ -99,9 +99,11 @@
                                         <Badge
                                             content={selectedLog.responseStatusCode.toString()}
                                             variant="secondary"
-                                            type={selectedLog?.responseStatusCode >= 400
+                                            type={selectedLog?.responseStatusCode >= 500
                                                 ? 'error'
-                                                : 'success'} />
+                                                : selectedLog.responseStatusCode >= 400
+                                                  ? 'warning'
+                                                  : 'success'} />
                                     </span>
                                 </Layout.Stack>
                                 <Layout.Stack gap="xs" inline>

src/routes/(console)/project-[region]-[project]/sites/site-[site]/logs/table.svelte

@@ -87,7 +87,11 @@
                         <div>
                             <Badge
                                 variant="secondary"
-                                type={log.responseStatusCode >= 400 ? 'error' : 'success'}
+                                type={log.responseStatusCode >= 500
+                                    ? 'error'
+                                    : log.responseStatusCode >= 400
+                                      ? 'warning'
+                                      : 'success'}
                                 content={log.responseStatusCode.toString()} />
                         </div>
                     {:else if column.id === 'requestPath'}