[ENG-1461] Fda layout update (#1832)

fda layout update

interface/app/onboarding/full-disk.tsx

@@ -1,5 +1,4 @@
 import { Fda } from '@sd/assets/videos';
-import { useState } from 'react';
 import { useNavigate } from 'react-router';
 import { Button } from '@sd/ui';
 import { Icon } from '~/components';
@@ -9,7 +8,6 @@ import { OnboardingContainer, OnboardingDescription, OnboardingTitle } from './c
 
 export const FullDisk = () => {
 	const { requestFdaMacos } = usePlatform();
-	const [showVideo, setShowVideo] = useState(false);
 	const navigate = useNavigate();
 
 	return (
@@ -20,22 +18,14 @@ export const FullDisk = () => {
 				To provide the best experience, we need access to your disk in order to index your
 				files. Your files are only available to you.
 			</OnboardingDescription>
-			{!showVideo ? (
-				<>
-					<div className="flex items-center gap-3">
-						<Button onClick={requestFdaMacos} variant="gray" size="sm" className="my-5">
-							Enable access
-						</Button>
-						<Button onClick={() => setShowVideo((t) => !t)} variant="outline">
-							How to enable
-						</Button>
-					</div>
-				</>
-			) : (
-				<div className="mt-5 w-full max-w-[450px]">
-					<video className="rounded-md" autoPlay loop muted controls={false} src={Fda} />
-				</div>
-			)}
+			<div className="mt-5 w-full max-w-[450px]">
+				<video className="rounded-md" autoPlay loop muted controls={false} src={Fda} />
+			</div>
+			<div className="flex items-center gap-3">
+				<Button onClick={requestFdaMacos} variant="gray" size="sm" className="my-5">
+					Open Settings
+				</Button>
+			</div>
 			<div className="flex gap-3">
 				<Button
 					onClick={() => {
@@ -47,16 +37,6 @@ export const FullDisk = () => {
 				>
 					Continue
 				</Button>
-				{showVideo && (
-					<Button
-						onClick={() => setShowVideo((t) => !t)}
-						variant="gray"
-						size="sm"
-						className="mt-8"
-					>
-						Close
-					</Button>
-				)}
 			</div>
 		</OnboardingContainer>
 	);