fix: Display add tile shortcut if store not installed

Add tile can now :
- open shortcut modal (with a flag)
- redirect to store (if store installed and not hidden)

Let's set these conditions inside the AddTile component to avoid conflicts.

Author: zatteo

src/components/AddTile.jsx

@@ -13,7 +13,7 @@ import ShortcutCreateModal from './Shortcuts/ShortcutCreateModal'
  *
  * @returns {JSX.Element} The rendered AddTile component.
  */
-const AddTile = () => {
+const AddTile = ({ isStoreAvailable }) => {
   const client = useClient()
   const nativePath = '/discover'
   const slug = 'store'
@@ -38,25 +38,29 @@ const AddTile = () => {
     )
   }
 
-  return (
-    <AppLinker
-      app={{ slug: 'store' }}
-      nativePath={nativePath}
-      href={generateWebLink({
-        pathname: '/',
-        cozyUrl: cozyURL.origin,
-        slug,
-        hash: nativePath,
-        subDomainType
-      })}
-    >
-      {({ onClick, href }) => (
-        <a onClick={onClick} href={href} className={styles['scale-hover']}>
-          <SquareAppIcon name={t('add_service')} variant="add" />
-        </a>
-      )}
-    </AppLinker>
-  )
+  if (isStoreAvailable) {
+    return (
+      <AppLinker
+        app={{ slug: 'store' }}
+        nativePath={nativePath}
+        href={generateWebLink({
+          pathname: '/',
+          cozyUrl: cozyURL.origin,
+          slug,
+          hash: nativePath,
+          subDomainType
+        })}
+      >
+        {({ onClick, href }) => (
+          <a onClick={onClick} href={href} className={styles['scale-hover']}>
+            <SquareAppIcon name={t('add_service')} variant="add" />
+          </a>
+        )}
+      </AppLinker>
+    )
+  }
+
+  return null
 }
 
 export default AddTile

src/components/ApplicationsAndServices.jsx

@@ -36,7 +36,7 @@ export const ApplicationsAndServices = () => {
             <EntrypointLink key={entrypoint.name} entrypoint={entrypoint} />
           ))}
         {isMobile && flag('cozy.assistant.enabled') && <AssistantTile />}
-        {isStoreAvailable && <AddTile />}
+        <AddTile isStoreAvailable={isStoreAvailable} />
         {showLogout && <LogoutTile />}
       </div>
     </div>