Documentation and Naming Consistency Fixes

[carl0smat3us]

Issue Description:

The main class of this library is named "OtpInput," but in the documentation, it is occasionally referred to as "OTPInput," creating inconsistencies. Additionally, there is an error in the documentation structure where certain properties should be nested within the "theme" property.

Issue Details:

• Naming Issue: The main class of the library is named "OtpInput," but the documentation mentions it as "OTPInput" in some places. This creates confusion and inconsistency in the documentation.

• Documentation Structure Error: The documentation presents an incorrect structure for configuring the component. Certain properties should be grouped within the "theme" property for better organization and clarity.

Current Documentation Snippet:

<OTPInput
  numberOfDigits={6}
  focusColor="green"
  onTextChange={(text) => console.log(text)}
  containerStyle={styles.container}
  inputsContainerStyle={styles.inputsContainer}
  pinCodeContainerStyle={styles.pinCodeContainer}
  pinCodeTextStyle={styles.pinCodeText}
  focusStickStyle={styles.focusStick}
  focusStickBlinkingDuration={500}
/>

Proposed Correction:

<OtpInput
  numberOfDigits={6}
  onTextChange={(text) => console.log(text)}
  focusColor: "green"
  focusStickBlinkingDuration: 500
  theme={{
    containerStyle: styles.container,
    inputsContainerStyle: styles.inputsContainer,
    pinCodeContainerStyle: styles.pinCodeContainer,
    pinCodeTextStyle: styles.pinCodeText,
    focusStickStyle: styles.focusStick
  }}