✨ Filtering services using search bar

src/components/AppShelf/SmallServiceItem.tsx

@@ -0,0 +1,18 @@
+import { Anchor, Avatar, Group, Text } from '@mantine/core';
+
+interface smallServiceItem {
+  label: string;
+  icon?: string;
+  url?: string;
+}
+
+export default function SmallServiceItem(props: any) {
+  const { service }: { service: smallServiceItem } = props;
+  // TODO : Use Next/link
+  return (
+    <Group>
+      {service.icon && <Avatar src={service.icon} />}
+      <Text>{service.label}</Text>
+    </Group>
+  );
+}