refactor: rename flash-(client-error/server-error) to just client-error/server-error

Author: nifalconi

assets/components/core-components.css

@@ -169,15 +169,15 @@ table.table.table-zebra td {
 
 #flash-info,
 #flash-error,
-#flash-client-error,
-#flash-server-error {
+#client-error,
+#server-error {
   @apply fixed top-4 right-4 z-50 w-96;
 }
 
 #flash-info .alert,
 #flash-error .alert,
-#flash-client-error .alert,
-#flash-server-error .alert {
+#client-error .alert,
+#server-error .alert {
   @apply bg-white rounded-lg shadow-lg border-l-4 p-4 w-full;
   @apply flex items-start justify-between gap-4;
   border: none;
@@ -189,30 +189,30 @@ table.table.table-zebra td {
 }
 
 #flash-error .alert,
-#flash-client-error .alert,
-#flash-server-error .alert {
+#client-error .alert,
+#server-error .alert {
   @apply border-l-danger-300;
 }
 
 #flash-error .alert svg,
-#flash-client-error .alert svg,
-#flash-server-error .alert svg {
+#client-error .alert svg,
+#server-error .alert svg {
   @apply text-danger-300;
 }
 
 #flash-info .alert p:first-of-type,
 #flash-error .alert p:first-of-type,
-#flash-client-error .alert p:first-of-type,
-#flash-server-error .alert p:first-of-type {
+#client-error .alert p:first-of-type,
+#server-error .alert p:first-of-type {
   @apply font-bold text-neutrals-350 mb-1;
   word-wrap: break-word;
   overflow-wrap: break-word;
   word-break: break-word;
 }
 #flash-info .alert p:last-of-type,
 #flash-error .alert p:last-of-type,
-#flash-client-error .alert p:last-of-type,
-#flash-server-error .alert p:last-of-type {
+#client-error .alert p:last-of-type,
+#server-error .alert p:last-of-type {
   @apply text-sm text-neutrals-300;
   word-wrap: break-word;
   overflow-wrap: break-word;
@@ -221,28 +221,28 @@ table.table.table-zebra td {
 
 #flash-info .alert svg,
 #flash-error .alert svg,
-#flash-client-error .alert svg,
-#flash-server-error .alert svg {
+#client-error .alert svg,
+#server-error .alert svg {
   @apply w-5 h-5 flex-shrink-0 mt-0.5;
 }
 
 #flash-info .alert button,
 #flash-error .alert button,
-#flash-client-error .alert button,
-#flash-server-error .alert button {
+#client-error .alert button,
+#server-error .alert button {
   @apply text-gray-400 hover:text-gray-600 transition-colors duration-200 flex-shrink-0;
 }
 
 #flash-info .alert button svg,
 #flash-error .alert button svg,
-#flash-client-error .alert button svg,
-#flash-server-error .alert button svg {
+#client-error .alert button svg,
+#server-error .alert button svg {
   @apply w-5 h-5;
 }
 
 #flash-info .alert span.hero-information-circle,
 #flash-error .alert span.hero-exclamation-circle,
-#flash-client-error .alert span.hero-exclamation-circle,
-#flash-server-error .alert span.hero-exclamation-circle {
+#client-error .alert span.hero-exclamation-circle,
+#server-error .alert span.hero-exclamation-circle {
   display: none !important;
 }