Update inputotp doc import

Author: gucal

components/doc/inputotp/basicdoc.js

@@ -1,7 +1,7 @@
-import React, { useState } from 'react';
 import { DocSectionCode } from '@/components/doc/common/docsectioncode';
 import { DocSectionText } from '@/components/doc/common/docsectiontext';
-import { InputOtp } from '@/components/lib/inputotp/inputotp';
+import { InputOtp } from '@/components/lib/inputotp/InputOtp';
+import { useState } from 'react';
 
 export function BasicDoc(props) {
     const [token, setTokens] = useState();

components/doc/inputotp/integeronlydoc.js

@@ -1,7 +1,7 @@
-import React, { useState } from 'react';
 import { DocSectionCode } from '@/components/doc/common/docsectioncode';
 import { DocSectionText } from '@/components/doc/common/docsectiontext';
-import { InputOtp } from '@/components/lib/inputotp/inputotp';
+import { InputOtp } from '@/components/lib/inputotp/InputOtp';
+import { useState } from 'react';
 
 export function IntegerOnlyDoc(props) {
     const [token, setTokens] = useState();

components/doc/inputotp/maskdoc.js

@@ -1,7 +1,7 @@
-import React, { useState } from 'react';
 import { DocSectionCode } from '@/components/doc/common/docsectioncode';
 import { DocSectionText } from '@/components/doc/common/docsectiontext';
-import { InputOtp } from '@/components/lib/inputotp/inputotp';
+import { InputOtp } from '@/components/lib/inputotp/InputOtp';
+import { useState } from 'react';
 
 export function MaskDoc(props) {
     const [token, setTokens] = useState();

components/doc/inputotp/sampledoc.js

@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
 import { DocSectionCode } from '@/components/doc/common/docsectioncode';
 import { DocSectionText } from '@/components/doc/common/docsectiontext';
-import { InputOtp } from '@/components/lib/inputotp/inputotp';
 import { Button } from '@/components/lib/button/Button';
+import { InputOtp } from '@/components/lib/inputotp/InputOtp';
+import { useState } from 'react';
 
 export function SampleDoc(props) {
     const [token, setTokens] = useState();

components/doc/inputotp/templatedoc.js

@@ -1,7 +1,7 @@
-import React, { useState } from 'react';
 import { DocSectionCode } from '@/components/doc/common/docsectioncode';
 import { DocSectionText } from '@/components/doc/common/docsectiontext';
-import { InputOtp } from '@/components/lib/inputotp/inputotp';
+import { InputOtp } from '@/components/lib/inputotp/InputOtp';
+import { useState } from 'react';
 
 export function TemplateDoc(props) {
     const [token, setTokens] = useState();