MED-140: ui fixes (#69)

* MED-140: ui fixes

* make accountid optional in hook

packages/shared/src/components/select-analysis-packages.tsx

@@ -1,6 +1,8 @@
 import { Trans } from '@kit/ui/trans';
 
-import SelectAnalysisPackage, { AnalysisPackageWithVariant } from './select-analysis-package';
+import SelectAnalysisPackage, {
+  AnalysisPackageWithVariant,
+} from './select-analysis-package';
 
 export default function SelectAnalysisPackages({
   analysisPackages,
@@ -10,11 +12,16 @@ export default function SelectAnalysisPackages({
   countryCode: string;
 }) {
   return (
-    <div className="grid grid-cols-3 gap-6">
-      {analysisPackages.length > 0 ? analysisPackages.map(
-        (analysisPackage) => (
-          <SelectAnalysisPackage key={analysisPackage.title} analysisPackage={analysisPackage} countryCode={countryCode} />
-        )) : (
+    <div className="grid gap-6 sm:grid-cols-3">
+      {analysisPackages.length > 0 ? (
+        analysisPackages.map((analysisPackage) => (
+          <SelectAnalysisPackage
+            key={analysisPackage.title}
+            analysisPackage={analysisPackage}
+            countryCode={countryCode}
+          />
+        ))
+      ) : (
         <h4>
           <Trans i18nKey="order-analysis-package:noPackagesAvailable" />
         </h4>