[GREEN] created boilerplate

src/scenes/questionnaire/ProfileDietRecommendation/index.tsx

+import React, { FC } from 'react';
+import { ScrollView } from 'react-native';
+import { useRoute } from '@react-navigation/core';
+
+import { Section } from 'components/layout';
+import { BodyMedium, HeadingLarge } from 'components/typography';
+
+import { layoutStyles } from 'styles';
+
+interface Params {
+  name: string;
+}
+
+const ProfileDietRecommendation: FC = () => {
+  const route = useRoute();
+  const { name } = route.params as Params;
+
+  return (
+    <ScrollView style={layoutStyles}>
+      <HeadingLarge text={`Rekomendasi untuk ${name}`} />
+
+      <Section>
+        <BodyMedium text="Rencana porsi makan dan menu" />
+      </Section>
+
+      <Section>
+        <BodyMedium text="Saran Gizi" />
+      </Section>
+
+      <Section>
+        <BodyMedium text="Gaya Hidup" />
+      </Section>
+    </ScrollView>
+  );
+};
+
+export default ProfileDietRecommendation;