fix : fix the css problem in component preview

Author: faisal004

src/components/code/ComponentPreview.tsx

@@ -93,8 +93,8 @@ export function ComponentPreview({
       )}
       {...props}
     >
-      <div className="flex items-center justify-between">
-        <div className="flex items-center gap-2">
+      <div className="flex flex-col md:flex-row items-center justify-between">
+        <div className="flex items-center w-full justify-between md:justify-start  gap-2">
           <h2 className="text-md m-0 font-medium text-gray-800">{name}</h2>
           <div className="flex items-center justify-center gap-x-2">
             <TooltipProvider>

src/components/reusable/AnimatedTabs.tsx

@@ -72,7 +72,7 @@ const AnimatedTabs = ({
     <div
       className={
         (center ? 'justify-center ' : '') +
-        'flex flex-wrap items-center gap-2 border-gray-500/25 bg-white pb-1'
+        'flex  items-center gap-2 border-gray-500/25 bg-white pb-1 w-full justify-end '
       }
     >
       {tabs?.map((tab, index) => (