(elements) small clean up (#2180)

Author: alexisintech

docs/customization/elements/examples/shadcn-ui.mdx

@@ -9,31 +9,34 @@ The following examples demonstrate how to compose Clerk Elements with shadcn/ui
 
 To use these examples, you must first:
 
-- Complete the [shadcn/ui Next.js installation guide](https://ui.shadcn.com/docs/installation/next)
-- Install the [Button](https://ui.shadcn.com/docs/components/button), [Card](https://ui.shadcn.com/docs/components/card), [Input](https://ui.shadcn.com/docs/components/input), and [Label](https://ui.shadcn.com/docs/components/label) components within your project
-  ```shell {{ title: 'Install shadcn/ui components' }}
-  npx shadcn@latest add button card input label
-  ```
-- Add the [`Icons` component from the shadcn/ui docs](https://github.com/shadcn-ui/ui/blob/main/apps/www/components/icons.tsx) to an `icons.tsx` file within your `component/ui/` directory.
-- Add the following animations to your `tailwind.config.js` file:
-  ```js {{ filename: 'tailwind.config.js' }}
-  /** @type {import('tailwindcss').Config} */
-  module.exports = {
-    theme: {
-      extend: {
-        keyframes: {
-          'caret-blink': {
-            '0%,70%,100%': { opacity: '1' },
-            '20%,50%': { opacity: '0' },
-          },
-        },
-        animation: {
-          'caret-blink': 'caret-blink 1.25s ease-out infinite',
+1. Complete the [shadcn/ui Next.js installation guide](https://ui.shadcn.com/docs/installation/next)
+1. Install the [Button](https://ui.shadcn.com/docs/components/button), [Card](https://ui.shadcn.com/docs/components/card), [Input](https://ui.shadcn.com/docs/components/input), and [Label](https://ui.shadcn.com/docs/components/label) components within your project
+
+```shell {{ title: 'Install shadcn/ui components' }}
+npx shadcn@latest add button card input label
+```
+
+1. Add the [`Icons` component from the shadcn/ui docs](https://github.com/shadcn-ui/ui/blob/main/apps/www/components/icons.tsx) to an `icons.tsx` file within your `component/ui/` directory.
+1. Add the following animations to your `tailwind.config.js` file:
+
+```js {{ filename: 'tailwind.config.js' }}
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  theme: {
+    extend: {
+      keyframes: {
+        'caret-blink': {
+          '0%,70%,100%': { opacity: '1' },
+          '20%,50%': { opacity: '0' },
         },
       },
+      animation: {
+        'caret-blink': 'caret-blink 1.25s ease-out infinite',
+      },
     },
-  }
-  ```
+  },
+}
+```
 
 You must also configure the appropriate settings in Clerk:
 
@@ -60,7 +63,6 @@ You must also configure the appropriate settings in Clerk:
   'use client'
   import * as Clerk from '@clerk/elements/common'
   import * as SignUp from '@clerk/elements/sign-up'
-  import Link from 'next/link'
   import { Button } from '@/components/ui/button'
   import {
     Card,
@@ -326,7 +328,6 @@ You must also configure the appropriate settings in Clerk:
   'use client'
   import * as Clerk from '@clerk/elements/common'
   import * as SignIn from '@clerk/elements/sign-in'
-  import Link from 'next/link'
   import { Button } from '@/components/ui/button'
   import {
     Card,
@@ -339,7 +340,6 @@ You must also configure the appropriate settings in Clerk:
   import { Input } from '@/components/ui/input'
   import { Label } from '@/components/ui/label'
   import { Icons } from '@/components/ui/icons'
-  import { cn } from '@/lib/utils'
 
   export default function SignInPage() {
     return (
@@ -612,7 +612,7 @@ You must also configure the appropriate settings in Clerk:
   ```
 </CodeBlockDemo>
 
-## OTP Input
+## OTP input
 
 The following example demonstrates how to make a one-time password (OTP) input with Clerk Elements. This example will only work if placed within a `Step` in a sign-up or sign-in authentication flow, as shown in [the sign-in](#sign-in) and [sign-up](#sign-up) examples.