ui: 🎨 integration of Pika Backup in the wizard

Components/WizardSteps/WizardStep1/WizardStep1.js

@@ -39,11 +39,20 @@ function WizardStep1() {
         Graphical User Interface
       </h1>
       <div className={classes.description}>
-        <b>Vorta</b> is an opensource (GPLv3) backup client for Borg Backup.
-        <br />
-        It runs on Linux, MacOS and Windows (via Windows’ Linux Subsystem (WSL)). Find the right way
-        to install it{' '}
+        BorgWarehouse is <b>compatible with all BorgBackup graphical clients</b>, including the
+        well-known{' '}
+        <a href='https://apps.gnome.org/PikaBackup/' target='_blank' rel='noreferrer'>
+          Pika Backup
+        </a>{' '}
+        and{' '}
         <a href='https://vorta.borgbase.com/' target='_blank' rel='noreferrer'>
+          Vorta
+        </a>
+        .
+        <br />
+        Vorta runs on Linux, MacOS and Windows (via Windows’ Linux Subsystem (WSL)). Find the right
+        way to install it{' '}
+        <a href='https://vorta.borgbase.com/install/' target='_blank' rel='noreferrer'>
           just here
         </a>
         .

Components/WizardSteps/WizardStep2/WizardStep2.js

@@ -69,10 +69,10 @@ function WizardStep2(props) {
         </div>
       </div>
 
-      <h2>Vorta</h2>
+      <h2>Pika, Vorta...</h2>
       <div className={classes.description}>
         To "Initialize a new repository" or "Add existing repository", copy this into the field
-        "Repository URL" of Vorta :
+        "Repository URL" of your graphical client :
         <br />
         <div
           style={{
@@ -91,11 +91,6 @@ function WizardStep2(props) {
             dataToCopy={`ssh://${UNIX_USER}@${FQDN}${SSH_SERVER_PORT}/./${props.selectedOption.repositoryName}`}
           />
         </div>
-        For more information about the Vorta graphical client, please refer to{' '}
-        <a href='https://vorta.borgbase.com/usage/remote/' rel='noreferrer' target='_blank'>
-          this documentation
-        </a>
-        .
       </div>
 
       <div className={classes.separator} />

Components/WizardSteps/WizardStep3/WizardStep3.js

@@ -155,12 +155,17 @@ function WizardStep3(props) {
         </a>{' '}
         for a consistency check.
       </div>
-      <h2>Vorta</h2>
+      <h2>Pika, Vorta...</h2>
       <div className={classes.description}>
         If you are using the Vorta graphical client, please refer to{' '}
         <a href='https://vorta.borgbase.com/usage/' rel='noreferrer' target='_blank'>
           this documentation
         </a>
+        .<br />
+        If you are using Pika, please refer to{' '}
+        <a href='https://apps.gnome.org/PikaBackup/' rel='noreferrer' target='_blank'>
+          this documentation
+        </a>
         .
       </div>
     </div>

Components/WizardSteps/WizardStep4/WizardStep4.js

@@ -70,7 +70,7 @@ consistency:
       </div>
 
       <div className={classes.separator} />
-      <h2>Vorta</h2>
+      <h2>Pika, Vorta...</h2>
       <div className={classes.description}>
         If you are using the Vorta graphical client, please refer to&nbsp;
         <a
@@ -80,6 +80,15 @@ consistency:
         >
           this documentation
         </a>
+        .<br />
+        If you are using Pika Backup, please refer to&nbsp;
+        <a
+          href='https://world.pages.gitlab.gnome.org/pika-backup/help/C/feature-schedule.html'
+          rel='noreferrer'
+          target='_blank'
+        >
+          this documentation
+        </a>
         .
       </div>