refactor(frontend): minor changes to make code more readable

services/frontend/src/components/Modal/Service/Labels.tsx

@@ -43,9 +43,11 @@ const Labels = (props: any) => {
     [formik]
   );
 
+  const emptyLabels = labels.length === 0;
+
   return (
-    <Root sx={{ alignItems: labels.length > 0 ? "flex-start" : "center" }}>
+    <Root sx={{ alignItems: emptyLabels ? "center" : "flex-start" }}>
-      {labels.length > 0 && (
+      {!emptyLabels && (
         <Records>
           {labels.map((label: unknown, index: number) => (
             <Record
@@ -67,7 +69,7 @@ const Labels = (props: any) => {
           ))}
         </Records>
       )}
-      {labels.length === 0 && (
+      {emptyLabels && (
         <p className="mt-4 text-md text-gray-500 dark:text-gray-400 text-center">
           The service does not have any labels.
           <br />