feat: add stripe portal link

locales/de/de.json

@@ -920,7 +920,8 @@
 				"active": "Aktiv",
 				"waiting": "Wartend"
 			},
-			"cannotCancelTooEarly": "Abonnements können nur 24 Stunden nach dem Erstkauf gekündigt werden."
+			"cannotCancelTooEarly": "Abonnements können nur 24 Stunden nach dem Erstkauf gekündigt werden.",
+			"billingDetails": "Zahlungsdetails"
 		},
 		"plans": {
 			"starter": "Starter",

locales/en/en.json

@@ -930,7 +930,8 @@
 				"active": "Active",
 				"waiting": "Waiting"
 			},
-			"cannotCancelTooEarly": "Subscriptions can only be cancelled 24 hours after the initial purchase."
+			"cannotCancelTooEarly": "Subscriptions can only be cancelled 24 hours after the initial purchase.",
+			"billingDetails": "Billing details"
 		},
 		"plans": {
 			"starter": "Starter",

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@filen/web",
 	"private": false,
-	"version": "0.1.77",
+	"version": "0.1.78",
 	"type": "module",
 	"description": "Filen Web & Desktop app",
 	"scripts": {

src/components/settings/subscriptions/index.tsx

@@ -182,6 +182,17 @@ export const Subscriptions = memo(() => {
 													{t("settings.subscriptions.cancel")}
 												</p>
 											)}
+										{subscription.gateway.includes("stripe") &&
+											!subscription.planName.toLowerCase().includes("lifetime") && (
+												<a
+													href="https://billing.stripe.com/p/login/6oE9Bl8Lxey0ayI9AA"
+													target="blank"
+												>
+													<p className="text-sm underline mt-3 cursor-pointer text-blue-500">
+														{t("settings.subscriptions.billingDetails")}
+													</p>
+												</a>
+											)}
 									</div>
 								</div>
 							</div>