fix interaction with android (#38)

# Overview

apps/onboarding/src/app/measure/page.tsx

@@ -82,6 +82,7 @@ export default function MeasurePage() {
         bottom: 0;
         background: url('/svgs/grainy.svg') repeat, #1f2229;
         background-size: contain;
+        padding-top: 50px;
       `}
     >
       <Box

apps/onboarding/src/app/page.tsx

@@ -51,6 +51,7 @@ export default function Home() {
         background: '#1f2229',
         padding: '100px 0 32px',
         textAlign: 'center',
+        minHeight: '100vh',
       }}
     >
       <div

apps/onboarding/src/app/result/components/ResultContents.tsx

@@ -8,7 +8,7 @@ import { Button } from '@sulsul/ui';
 import { DrinkReq, TitleDto, TitleDtoTitleEnum } from '~/api';
 import { AlcoholDetails, AlcoholResultDetails } from '~/constants/alcohol';
 import { ResultCard } from './ResultCard';
-import { useSearchParams } from 'next/navigation';
+import { useRouter, useSearchParams } from 'next/navigation';
 import axios from 'axios';
 import { css } from '@emotion/react';
 import { shareResult } from '~/app/utils/share';
@@ -72,12 +72,14 @@ const Volumn = styled.p`
 `;
 
 export const ResultContents = () => {
+  const router = useRouter();
   const searchParams = useSearchParams();
   const drinkType = searchParams?.get('drinkType');
   const glasses = Number(searchParams?.get('glasses'));
   const baseY = useMotionValue(0);
   const backgroundRef = useRef<HTMLDivElement>(null);
-  const scrollHeight = backgroundRef.current?.scrollHeight ?? 0;
+  const scrollHeight = backgroundRef.current?.scrollHeight ?? 200;
+
   const opacityOfY = useTransform(
     baseY,
     (v) => `${Math.max((v / scrollHeight) * 100, 30)}`
@@ -106,6 +108,30 @@ export const ResultContents = () => {
   const resultSubTitle = resultTitleData?.subTitle;
   const { svg, mainColor, color1, color2 } = AlcoholResultDetails[resultTitle];
 
+  const measureInApp = () => {
+    if (globalThis?.window.sulsulBridge) {
+      globalThis.window.sulsulBridge.onStartMeasureDrink();
+      return;
+    }
+
+    const checkAndroid = () => {
+      const u = navigator.userAgent;
+      return !!u.match(/Android/i);
+    };
+
+    if (checkAndroid()) {
+      const deep_link =
+        'intent://measuring/#Intent;scheme=sulsul;package=com.mashup.alcoholfree;end';
+
+      router.push(deep_link);
+      return;
+    }
+
+    router.push(
+      'https://play.google.com/store/apps/details?id=com.mashup.alcoholfree&hl=en-KR'
+    );
+  };
+
   return (
     <Stack.Vertical
       color="white"
@@ -257,7 +283,7 @@ export const ResultContents = () => {
           <Button type="button" onClick={shareResult} size="lg">
             내 주량 공유하기
           </Button>
-          <Button type="button" appearance="primary" size="lg">
+          <Button type="button" appearance="primary" size="lg" onClick={measureInApp}>
             술자리에서 측정하기
           </Button>
         </Stack.Vertical>