Update registration form layout

Use formatted components instead of all freeform components.

showcases/web-kitchensink-reactnext/src/pages/examples/registration-form/index.tsx

@@ -1,5 +1,6 @@
 import { NextPage } from 'next';
 import * as Freeform from '@tesseract-design/web-freeform-react';
+import * as Formatted from '@tesseract-design/web-formatted-react';
 import * as Action from '@tesseract-design/web-action-react';
 
 const RegistrationFormPage: NextPage = () => {
@@ -43,7 +44,7 @@ const RegistrationFormPage: NextPage = () => {
                 />
               </div>
               <div className="sm:col-span-3">
-                <Freeform.TextInput
+                <Formatted.EmailInput
                   block
                   border
                   label="Email"
@@ -51,7 +52,7 @@ const RegistrationFormPage: NextPage = () => {
                 />
               </div>
               <div className="sm:col-span-3">
-                <Freeform.TextInput
+                <Formatted.UrlInput
                   block
                   border
                   label="Website"