fix: fix tailwind class order warnings

Author: yjose

src/app/(app)/_layout.tsx

@@ -63,7 +63,7 @@ export default function TabLayout() {
 const CreateNewPostLink = () => (
   <Link href="/feed/add-post" asChild>
     <Pressable>
-      <Text className="text-primary-300 px-3">Create</Text>
+      <Text className="px-3 text-primary-300">Create</Text>
     </Pressable>
   </Link>
 );

src/components/ui/input.tsx

@@ -23,7 +23,7 @@ const inputTv = tv({
     container: 'mb-2',
     label: 'text-grey-100 mb-1 text-lg dark:text-neutral-100',
     input:
-      'font-inter mt-0 rounded-xl border-[0.5px] border-neutral-300 bg-neutral-100 px-4 py-3 text-base  font-medium leading-5 dark:border-neutral-700 dark:bg-neutral-800 dark:text-white',
+      'mt-0 rounded-xl border-[0.5px] border-neutral-300 bg-neutral-100 px-4 py-3 font-inter text-base  font-medium leading-5 dark:border-neutral-700 dark:bg-neutral-800 dark:text-white',
   },
 
   variants: {
@@ -118,7 +118,7 @@ export const Input = forwardRef<NTextInput, NInputProps>((props, ref) => {
       {error && (
         <Text
           testID={testID ? `${testID}-error` : undefined}
-          className="text-danger-400 dark:text-danger-600 text-sm"
+          className="text-sm text-danger-400 dark:text-danger-600"
         >
           {error}
         </Text>

src/components/ui/select.tsx

@@ -208,7 +208,7 @@ export const Select = (props: SelectProps) => {
         {error && (
           <Text
             testID={`${testID}-error`}
-            className="text-danger-300 dark:text-danger-600 text-sm"
+            className="text-sm text-danger-300 dark:text-danger-600"
           >
             {error}
           </Text>