Replace useless ternarys with logical ANDs

layouts/CenteredForm.tsx

@@ -23,22 +23,21 @@ export default function CenteredForm({
       data-testid={dataTestId}
     >
       <div className="m-auto flex flex-col gap-2 w-full">
-        {settings.theme ? (
+        {settings.theme && (
           <Image
-            src={`/linkwarden_${
-              settings.theme === "dark" ? "dark" : "light"
-            }.png`}
+            src={`/linkwarden_${settings.theme === "dark" ? "dark" : "light"
+              }.png`}
             width={640}
             height={136}
             alt="Linkwarden"
             className="h-12 w-fit mx-auto"
           />
-        ) : undefined}
-        {text ? (
+        )}
+        {text && (
           <p className="text-lg max-w-[30rem] min-w-80 w-full mx-auto font-semibold px-2 text-center">
             {text}
           </p>
-        ) : undefined}
+        )}
         {children}
         <p className="text-center text-xs text-neutral mb-5">
           <Trans

layouts/MainLayout.tsx

@@ -34,9 +34,9 @@ export default function MainLayout({ children }: Props) {
 
   return (
     <div className="flex" data-testid="dashboard-wrapper">
-      {showAnnouncement ? (
+      {showAnnouncement && (
         <Announcement toggleAnnouncementBar={toggleAnnouncementBar} />
-      ) : undefined}
+      )}
       <div className="hidden lg:block">
         <Sidebar className={`fixed top-0`} />
       </div>