fix: make empty screen template grid mobile responsive (#24259)

* fix: make empty screen template grid mobile responsive

* refactor: adjust EmptyScreen layout classes for responsive grid

---------

Co-authored-by: Kartik Saini <41051387+kart1ka@users.noreply.github.com>

packages/features/ee/workflows/components/EmptyScreen.tsx

@@ -148,7 +148,7 @@ const TemplateSection = ({ title, examples }: { title: string; examples: Workflo
     <div className="flex items-center justify-center">
       <div className="bg-muted flex max-w-5xl flex-col rounded-md p-2">
         <h2 className="text-emphasis mb-2 text-base font-semibold">{title}</h2>
-        <div className="grid-cols-none items-center gap-2 lg:grid lg:grid-cols-3">
+        <div className="grid grid-cols-1 items-center gap-2 lg:grid-cols-3">
           {examples.map((example: WorkflowExampleType, index: number) => (
             <WorkflowExample
               key={index}