Code clean-up and some fit and finish

- Add a lot more suggestions cards, improve mobile rendering of suggestion cards, improve alignment of chat input, shift message when starts recording voice, remove dead code

src/interface/web/app/components/suggestions/suggestionCard.tsx

@@ -35,11 +35,15 @@ export default function SuggestionCard(data: SuggestionCardProps) {
     const cardContent = (
         <Card className={cardClassName}>
             <CardHeader className="m-0 p-2 pb-1 relative">
-                {convertSuggestionColorToIconClass(data.image)}
-                <CardTitle className={titleClassName}>{data.title}</CardTitle>
+                <div className="flex flex-row md:flex-col">
+                    {convertSuggestionColorToIconClass(data.image)}
+                    <CardTitle className={titleClassName}>{data.title}</CardTitle>
+                </div>
             </CardHeader>
             <CardContent className="m-0 p-2 pr-4 pt-1">
-                <CardDescription className={descriptionClassName}>{data.body}</CardDescription>
+                <CardDescription className={`${descriptionClassName} sm:line-clamp-2 md:line-clamp-4`}>
+                    {data.body}
+                </CardDescription>
             </CardContent>
         </Card>
     );