refactor: renames, rewrite some file, function names and texts

components/Button.tsx

@@ -1,5 +1,5 @@
 import { Slot } from '@radix-ui/react-slot';
-import { cn } from '@utils/ui';
+import { cn } from '@utils/cn';
 import * as React from 'react';
 
 export type ButtonProps = {

components/Card.tsx

@@ -1,4 +1,4 @@
-import { cn } from '@utils/ui';
+import { cn } from '@utils/cn';
 import * as React from 'react';
 
 const Card = React.forwardRef<

components/Input.tsx

@@ -1,4 +1,4 @@
-import { cn } from '@utils/ui';
+import { cn } from '@utils/cn';
 import * as React from 'react';
 
 const Input = React.forwardRef<

components/Label.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import * as LabelPrimitive from '@radix-ui/react-label';
-import { cn } from '@utils/ui';
+import { cn } from '@utils/cn';
 import { cva, type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 

components/email/Newsletter.tsx

@@ -1,4 +1,4 @@
-import { sayings } from '@utils/sayings';
+import { getSayings } from '@utils/getSayings';
 import { textTruncate } from '@utils/textTruncate';
 import { NewsType } from '@utils/validationSchemas';
 import Template from './Template';
@@ -9,7 +9,7 @@ export default function NewsletterTemplate(stories: NewsType[]) {
     template: (
       <Template
         title={`Here is something 
-              ${sayings[Math.floor(Math.random() * sayings.length)]}!`}
+              ${getSayings[Math.floor(Math.random() * getSayings.length)]}!`}
         body={
           <div>
             {stories.map(story => {

components/form/FormDescription.tsx

@@ -1,5 +1,5 @@
 import { useFormField } from '@hooks/useFormField';
-import { cn } from '@utils/ui';
+import { cn } from '@utils/cn';
 import * as React from 'react';
 
 export const FormDescription = React.forwardRef<

components/form/FormLabel.tsx

@@ -1,6 +1,6 @@
 import { useFormField } from '@hooks/useFormField';
 import * as LabelPrimitive from '@radix-ui/react-label';
-import { cn } from '@utils/ui';
+import { cn } from '@utils/cn';
 import * as React from 'react';
 import { Label } from '../Label';
 

components/form/FormMessage.tsx

@@ -1,5 +1,5 @@
 import { useFormField } from '@hooks/useFormField';
-import { cn } from '@utils/ui';
+import { cn } from '@utils/cn';
 import * as React from 'react';
 
 export const FormMessage = React.forwardRef<