add todo repeat freq

assets/svgs/CalendarIcon.tsx

@@ -4,6 +4,7 @@ const CalendarIcon: React.FC<SvgProps> = (props) => (
   <Svg
     width={props.width || 21}
     height={props.height || 21}
+    viewBox="0 0 21 21"
     fill="none"
     {...props}
   >

assets/svgs/ClockOIcon.tsx

@@ -0,0 +1,20 @@
+import * as React from "react"
+import Svg, { SvgProps, Path } from "react-native-svg"
+const ClockOIcon = (props: SvgProps) => (
+  <Svg
+    width={props.height || 22}
+    height={props.height || 22}
+    viewBox="0 0 22 22"
+    fill="none"
+    {...props}
+  >
+    <Path
+      stroke={props.color || "#919191"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="M11 5.444V11l1.667 2.778M21 11c0 5.523-4.477 10-10 10S1 16.523 1 11 5.477 1 11 1s10 4.477 10 10Z"
+    />
+  </Svg>
+)
+export default ClockOIcon

assets/svgs/DropdownIcon.tsx

@@ -0,0 +1,20 @@
+import * as React from "react";
+import Svg, { SvgProps, Path } from "react-native-svg";
+const DropdownIcon = (props: SvgProps) => (
+  <Svg
+    width={props.width || 15}
+    height={props.height || 11}
+    fill="none"
+    viewBox="0 0 15 11"
+    {...props}
+  >
+    <Path
+      stroke={props.color || "#FD1775"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={props.strokeWidth || 1.393}
+      d="M4.713 1.318h9.056m-9.056 4.18h9.056m-9.056 4.18h9.056M1.23 1.667h.697V.97H1.23v.696Zm0 4.18h.697V5.15H1.23v.696Zm0 4.18h.697V9.33H1.23v.696Z"
+    />
+  </Svg>
+);
+export default DropdownIcon;