chore: variation to variant

src/components/RoadCard/TallBadgeTab.tsx

@@ -26,7 +26,7 @@ export function TallBadgeTab() {
       <div className="sm:col-span-3 mt-6 sm:mt-0">
         <div>
           <span className="text-xs uppercase leading-none text-gray-400">
-            Variation
+            Variant
           </span>
 
           <div className="mt-2 flex items-center gap-2">

src/components/RoadCard/WideBadgeTab.tsx

@@ -21,12 +21,9 @@ export default function WideBadgeTab() {
 
   return (
     <div className="flex flex-col gap-6">
-      <WideBadge badgeUrl={badgeUrl} />
-
-      <div>
       <div>
         <span className="text-xs uppercase leading-none text-gray-400">
-            Variation
+          Variant
         </span>
 
         <div className="mt-2 flex items-center gap-2">
@@ -50,7 +47,10 @@ export default function WideBadgeTab() {
         </div>
       </div>
 
-        <div className={`mt-4 flex flex-col gap-3 sm:flex-row`}>
+      <WideBadge badgeUrl={badgeUrl} />
+
+      <div>
+        <div className={`flex flex-col gap-3 sm:flex-row`}>
           <Editor title={'HTML'} text={textareaContent} />
           <Editor title={'Markdown'} text={markdownSnippet} />
         </div>