FEATURE (storages): Add uptime banner

frontend/src/features/backups/ui/BackupsComponent.tsx

@@ -558,7 +558,7 @@ export const BackupsComponent = ({
       <div className="mt-5" />
 
       {database.postgresql?.backupType !== PostgresBackupType.WAL_V1 && (
-        <div className="flex">
+        <div className="flex items-center">
           <Button
             onClick={makeBackup}
             className="mr-1"
@@ -569,6 +569,17 @@ export const BackupsComponent = ({
             <span className="md:hidden">Backup now</span>
             <span className="hidden md:inline">Make backup right now</span>
           </Button>
+
+          {!IS_CLOUD && (
+            <a
+              href="https://databasus.com/cloud"
+              target="_blank"
+              rel="noreferrer"
+              className="inline-flex h-8 items-center rounded-md border border-blue-600 px-[15px] text-sm leading-none transition-colors hover:bg-blue-50 dark:!text-white dark:hover:bg-blue-900/30"
+            >
+              Get 24x7 uptime and 2x independent backups copy
+            </a>
+          )}
         </div>
       )}
 

frontend/src/features/users/ui/AuthNavbarComponent.tsx

@@ -34,12 +34,12 @@ export function AuthNavbarComponent() {
 
         {!IS_CLOUD && (
           <a
-            className="!text-black !underline !decoration-blue-600 !decoration-2 underline-offset-2 hover:opacity-80 dark:!text-gray-200"
+            className="!text-black hover:opacity-80 dark:!text-gray-200"
             href="https://databasus.com/cloud"
             target="_blank"
             rel="noreferrer"
           >
-            Cloud (from $9)
+            Cloud
           </a>
         )}
 

frontend/src/widgets/main/MainScreenComponent.tsx

@@ -232,12 +232,12 @@ export const MainScreenComponent = () => {
 
           {!IS_CLOUD && (
             <a
-              className="!text-black !underline !decoration-blue-600 !decoration-2 underline-offset-2 hover:opacity-80 dark:!text-gray-200"
+              className="!text-black hover:opacity-80 dark:!text-gray-200"
               href="https://databasus.com/cloud"
               target="_blank"
               rel="noreferrer"
             >
-              Cloud (from $9)
+              Cloud
             </a>
           )}
 

frontend/src/widgets/main/SidebarComponent.tsx

@@ -211,7 +211,7 @@ export const SidebarComponent = ({
                 target="_blank"
                 rel="noreferrer"
               >
-                Cloud (from $9)
+                Cloud
               </a>
             )}