feat: add doc link

components/dashboard/application/environment/show.tsx

@@ -98,7 +98,20 @@ export const ShowEnvironment = ({ applicationId }: Props) => {
 						name="buildArgs"
 						isLoading={saveBuildArgsMutation.isLoading}
 						title="Build-time Variables"
-						description="Available only at build-time. See documentation here."
+						description={
+							<span>
+								Available only at build-time. See documentation&nbsp;
+								<a
+									className="text-primary"
+									href="https://docs.docker.com/build/guide/build-args/"
+									target="_blank"
+									rel="noopener noreferrer"
+								>
+									here
+								</a>
+								.
+							</span>
+						}
 						placeholder="NPM_TOKEN=xyz"
 					/>
 				</form>

components/ui/secrets.tsx

@@ -15,13 +15,13 @@ import {
 } from "@/components/ui/form";
 import { Toggle } from "@/components/ui/toggle";
 import { EyeIcon, EyeOffIcon } from "lucide-react";
-import { type CSSProperties, useEffect, useState } from "react";
+import { type CSSProperties, type ReactNode, useState } from "react";
 import { useFormContext } from "react-hook-form";
 
 interface Props {
 	name: string;
 	title: string;
-	description: string;
+	description: ReactNode;
 	placeholder: string;
 	isLoading: boolean;
 }