[Beta] Fix empty message styling in console (#4784)

* fixes empty messages added in console

* Revert "fixes empty messages added in console"

This reverts commit c978a82be60a55c0dd81cc9ed8ecf31d43d52385.

* add min height

Author: harish-sethuraman

beta/src/components/MDX/Sandpack/Console.tsx

@@ -106,10 +106,10 @@ export const SandpackConsole = () => {
                 <div
                   key={id}
                   className={cn(
-                    'last:border-none border-b dark:border-gray-700 text-md p-1 pl-2 leading-6 font-mono',
+                    'last:border-none border-b dark:border-gray-700 text-md p-1 pl-2 leading-6 font-mono min-h-[32px]',
                     `console-${getType(method)}`
                   )}>
-                  <span className={cn('console-message')}>
+                  <span className="console-message">
                     {data.map((msg, index) => {
                       if (typeof msg === 'string') {
                         return <span key={`${msg}-${index}`}>{msg}</span>;