feat: add azure and telegam icons

Author: lorenzocorallo

src/app/dashboard/(active)/azure/page.tsx

@@ -1,11 +1,16 @@
 import { UsersRound } from "lucide-react"
+import Image from "next/image"
 import Link from "next/link"
+import azureSvg from "@/assets/svg/azure.svg"
 import { Card, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 
 export default function AssocIndex() {
   return (
     <div className="container py-8 px-2 flex flex-col gap-4">
-      <h2 className="text-accent-foreground text-3xl font-bold">Azure</h2>
+      <h2 className="text-accent-foreground text-3xl font-bold flex gap-2 items-center">
+        <Image alt="azure logo" src={azureSvg} className="size-7" />
+        Azure
+      </h2>
       <div className="gap-4 flex justify-start flex-wrap items-center">
         <Link href="/dashboard/azure/members">
           <Card className="w-90 hover:bg-accent transition-colors">

src/app/dashboard/(active)/page.tsx

@@ -1,4 +1,7 @@
+import Image from "next/image"
 import Link from "next/link"
+import azureSvg from "@/assets/svg/azure.svg"
+import telegramSvg from "@/assets/svg/telegram.svg"
 import { Card, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 import { getServerSession } from "@/server/auth"
 import { CompleteProfile } from "./complete-profile"
@@ -15,11 +18,26 @@ export default async function AdminHome() {
           <Link href="/dashboard/azure">
             <Card className="w-90 hover:bg-accent transition-colors">
               <CardHeader>
-                <CardTitle>Azure</CardTitle>
+                <CardTitle className="flex gap-2">
+                  <Image alt="azure logo" src={azureSvg} className="size-5" />
+                  Azure
+                </CardTitle>
                 <CardDescription>Manage Azure related things</CardDescription>
               </CardHeader>
             </Card>
           </Link>
+
+          <Link href="/dashboard/telegram">
+            <Card className="w-90 hover:bg-accent transition-colors">
+              <CardHeader>
+                <CardTitle className="flex gap-2">
+                  <Image alt="telegram logo" src={telegramSvg} className="size-5" />
+                  Telegram
+                </CardTitle>
+                <CardDescription>Manage Telegram related things</CardDescription>
+              </CardHeader>
+            </Card>
+          </Link>
         </div>
       </div>
     )

src/app/dashboard/(active)/telegram/grants/new-grant.tsx

@@ -2,10 +2,8 @@
 
 import { useMutation, useQueryClient } from "@tanstack/react-query"
 import { format } from "date-fns"
-import { CalendarIcon, ChevronDownIcon, Plus, Search, X } from "lucide-react"
-import { useRouter } from "next/navigation"
+import { ChevronDownIcon, Plus } from "lucide-react"
 import { useCallback, useEffect, useState } from "react"
-import { start } from "repl"
 import { toast } from "sonner"
 import { Button } from "@/components/ui/button"
 import { Calendar } from "@/components/ui/calendar"

src/app/dashboard/(active)/telegram/page.tsx

@@ -1,11 +1,16 @@
 import { Group, Shield, Sparkle, Users } from "lucide-react"
+import Image from "next/image"
 import Link from "next/link"
+import telegramSvg from "@/assets/svg/telegram.svg"
 import { Card, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 
 export default function TelegramIndex() {
   return (
     <div className="container py-8 px-2 flex flex-col gap-4">
-      <h2 className="text-accent-foreground text-3xl font-bold">Telegram</h2>
+      <h2 className="text-accent-foreground text-3xl font-bold flex gap-2 items-center">
+        <Image alt="telegram logo" src={telegramSvg} className="size-7" />
+        Telegram
+      </h2>
       <div className="gap-4 flex justify-start flex-wrap items-center">
         <Link href="/dashboard/telegram/groups">
           <Card className="w-90 hover:bg-accent transition-colors">