diff --git a/src/assets/icons/download.svg b/src/assets/icons/download.svg
new file mode 100644
index 00000000..646a6815
--- /dev/null
+++ b/src/assets/icons/download.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.5303 11.7204L16.4462 11.6478C16.1526 11.4299 15.7359 11.4541 15.4697 11.7204L12.7503 14.4397L12.75 7.75003L12.7432 7.64826C12.6935 7.28218 12.3797 7.00003 12 7.00003L11.8982 7.00688C11.5322 7.05654 11.25 7.37033 11.25 7.75003L11.2503 14.4417L8.52961 11.7198L8.4455 11.6472C8.15193 11.4293 7.73527 11.4534 7.46895 11.7196C7.176 12.0124 7.17591 12.4873 7.46875 12.7803L11.4687 16.7818L11.5529 16.8544C11.8465 17.0724 12.2632 17.0482 12.5295 16.7819L16.5303 12.7811L16.6029 12.6969C16.8208 12.4033 16.7966 11.9867 16.5303 11.7204ZM6.25 3C4.45507 3 3 4.45507 3 6.25V17.75C3 19.5449 4.45507 21 6.25 21H17.75C19.5449 21 21 19.5449 21 17.75V6.25C21 4.45507 19.5449 3 17.75 3H6.25ZM4.5 6.25C4.5 5.2835 5.2835 4.5 6.25 4.5H17.75C18.7165 4.5 19.5 5.2835 19.5 6.25V17.75C19.5 18.7165 18.7165 19.5 17.75 19.5H6.25C5.2835 19.5 4.5 18.7165 4.5 17.75V6.25Z" fill="#616161"/>
+</svg>
diff --git a/src/assets/icons/file.audio.svg b/src/assets/icons/file.audio.svg
new file mode 100644
index 00000000..988a75f9
--- /dev/null
+++ b/src/assets/icons/file.audio.svg
@@ -0,0 +1,12 @@
+<svg width="72" height="96" viewBox="0 0 72 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4011_27601)">
+<path d="M72 29.3V89.6C72 91.84 72 92.96 71.56 93.82C71.18 94.56 70.56 95.18 69.82 95.56C68.96 96 67.84 96 65.6 96H6.4C4.16 96 3.04 96 2.18 95.56C1.44 95.18 0.82 94.56 0.44 93.82C0 92.96 0 91.84 0 89.6V6.4C0 4.16 0 3.04 0.44 2.18C0.82 1.44 1.44 0.82 2.18 0.44C3.04 0 4.16 0 6.4 0H42.7C44.66 0 45.64 0 46.56 0.22C47.06 0.34 47.54 0.5 48 0.72V17.6C48 19.84 48 20.96 48.44 21.82C48.82 22.56 49.44 23.18 50.18 23.56C51.04 24 52.16 24 54.4 24H71.28C71.5 24.46 71.66 24.94 71.78 25.44C72 26.36 72 27.34 72 29.3Z" fill="#A5F3FC"/>
+<path d="M68.26 20.26C69.64 21.64 70.32 22.32 70.82 23.14C71 23.42 71.14 23.7 71.28 24H54.4C52.16 24 51.04 24 50.18 23.56C49.44 23.18 48.82 22.56 48.44 21.82C48 20.96 48 19.84 48 17.6V0.719971C48.3 0.859971 48.58 0.999971 48.86 1.17997C49.68 1.67997 50.36 2.35997 51.74 3.73997L68.26 20.26Z" fill="#06B6D4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.76 42.16C34.02 41.86 33.16 42.02 32.58 42.6L24 52H18C16.9 52 16 52.9 16 54V66C16 67.1 16.9 68 18 68H24L32.58 77.42C33.16 78 34.02 78.16 34.76 77.86C35.52 77.54 36 76.8 36 76V44C36 43.2 35.52 42.46 34.76 42.16ZM40 46V50C45.52 50 50 54.48 50 60C50 65.52 45.52 70 40 70V74C47.72 74 54 67.72 54 60C54 52.28 47.72 46 40 46ZM40 54C43.3 54 46 56.7 46 60C46 63.3 43.3 66 40 66V62C41.1 62 42 61.1 42 60C42 58.9 41.1 58 40 58V54Z" fill="#0891B2"/>
+</g>
+<defs>
+<clipPath id="clip0_4011_27601">
+<rect width="72" height="96" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/icons/file.code.svg b/src/assets/icons/file.code.svg
new file mode 100644
index 00000000..536e802a
--- /dev/null
+++ b/src/assets/icons/file.code.svg
@@ -0,0 +1,12 @@
+<svg width="72" height="96" viewBox="0 0 72 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4011_27600)">
+<path d="M72 29.3V89.6C72 91.84 72 92.96 71.56 93.82C71.18 94.56 70.56 95.18 69.82 95.56C68.96 96 67.84 96 65.6 96H6.4C4.16 96 3.04 96 2.18 95.56C1.44 95.18 0.82 94.56 0.44 93.82C0 92.96 0 91.84 0 89.6V6.4C0 4.16 0 3.04 0.44 2.18C0.82 1.44 1.44 0.82 2.18 0.44C3.04 0 4.16 0 6.4 0H42.7C44.66 0 45.64 0 46.56 0.22C47.06 0.34 47.54 0.5 48 0.72V17.6C48 19.84 48 20.96 48.44 21.82C48.82 22.56 49.44 23.18 50.18 23.56C51.04 24 52.16 24 54.4 24H71.28C71.5 24.46 71.66 24.94 71.78 25.44C72 26.36 72 27.34 72 29.3Z" fill="#A5F3FC"/>
+<path d="M68.26 20.26C69.64 21.64 70.32 22.32 70.82 23.14C71 23.42 71.14 23.7 71.28 24H54.4C52.16 24 51.04 24 50.18 23.56C49.44 23.18 48.82 22.56 48.44 21.82C48 20.96 48 19.84 48 17.6V0.719971C48.3 0.859971 48.58 0.999971 48.86 1.17997C49.68 1.67997 50.36 2.35997 51.74 3.73997L68.26 20.26Z" fill="#06B6D4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.7 40.46C24.36 40.18 25.02 40.08 25.68 40.04C26.3 40 27.06 40 27.94 40H28V44C27.04 44 26.42 44 25.96 44.02C25.5 44.06 25.32 44.1 25.24 44.14C24.76 44.34 24.36 44.74 24.16 45.22C24.12 45.32 24.08 45.48 24.04 45.94C24 46.42 24 47.04 24 48V54.06C24 54.94 24 55.7 23.96 56.32C23.9 56.98 23.82 57.64 23.54 58.3C23.28 58.94 22.9 59.5 22.44 60C22.9 60.5 23.28 61.06 23.54 61.7C23.82 62.36 23.92 63.02 23.96 63.68C24 64.3 24 65.06 24 65.94V72C24 72.96 24 73.58 24.02 74.04C24.06 74.5 24.1 74.68 24.14 74.76C24.34 75.24 24.74 75.64 25.22 75.84C25.32 75.88 25.48 75.92 25.94 75.96C26.42 76 27.04 76 28 76V80H27.94C27.06 80 26.3 80 25.68 79.96C25.02 79.9 24.36 79.82 23.7 79.54C22.24 78.94 21.06 77.78 20.46 76.3C20.18 75.64 20.08 74.98 20.04 74.32C20 73.7 20 72.94 20 72.06V66C20 65.04 20 64.42 19.98 63.96C19.94 63.5 19.9 63.32 19.86 63.24C19.66 62.76 19.26 62.36 18.78 62.16C18.68 62.12 18.52 62.08 18.06 62.04C17.58 62 16.96 62 16 62V58C16.96 58 17.58 58 18.04 57.98C18.5 57.94 18.68 57.9 18.76 57.86C19.24 57.66 19.64 57.28 19.84 56.78C19.88 56.68 19.92 56.52 19.96 56.06C20 55.58 20 54.96 20 54V47.94C20 47.06 20 46.3 20.04 45.68C20.1 45.02 20.18 44.36 20.46 43.7C21.06 42.24 22.22 41.06 23.7 40.46ZM53.22 57.84C53.32 57.88 53.48 57.92 53.94 57.96C54.42 58 55.04 58 56 58V62C55.04 62 54.42 62 53.96 62.02C53.5 62.06 53.32 62.1 53.24 62.14C52.76 62.34 52.36 62.74 52.16 63.22C52.12 63.32 52.08 63.48 52.04 63.94C52 64.42 52 65.04 52 66V72.06C52 72.94 52 73.7 51.96 74.32C51.9 74.98 51.82 75.64 51.54 76.3C50.94 77.76 49.76 78.94 48.3 79.54C47.64 79.82 46.98 79.92 46.32 79.96C45.7 80 44.94 80 44.06 80H44V76C44.96 76 45.58 76 46.04 75.98C46.5 75.94 46.68 75.9 46.76 75.86C47.24 75.66 47.64 75.28 47.84 74.78C47.88 74.68 47.92 74.52 47.96 74.06C48 73.58 48 72.96 48 72V65.94C48 65.06 48 64.3 48.04 63.68C48.1 63.02 48.2 62.36 48.46 61.7C48.72 61.06 49.1 60.5 49.56 60C49.1 59.5 48.72 58.94 48.46 58.3C48.18 57.64 48.08 56.98 48.04 56.32C48 55.7 48 54.94 48 54.06V48C48 47.04 48 46.42 47.98 45.96C47.94 45.5 47.9 45.32 47.86 45.24C47.66 44.76 47.26 44.36 46.78 44.16C46.68 44.12 46.52 44.08 46.06 44.04C45.58 44 44.96 44 44 44V40H44.06C44.94 40 45.7 40 46.32 40.04C46.98 40.1 47.64 40.18 48.3 40.46C49.76 41.06 50.94 42.22 51.54 43.7C51.82 44.36 51.92 45.02 51.96 45.68C52 46.3 52 47.06 52 47.94V54C52 54.96 52 55.58 52.02 56.04C52.06 56.5 52.1 56.68 52.14 56.76C52.34 57.24 52.74 57.64 53.22 57.84Z" fill="#0891B2"/>
+</g>
+<defs>
+<clipPath id="clip0_4011_27600">
+<rect width="72" height="96" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/icons/file.doc.svg b/src/assets/icons/file.doc.svg
new file mode 100644
index 00000000..22dbce24
--- /dev/null
+++ b/src/assets/icons/file.doc.svg
@@ -0,0 +1,12 @@
+<svg width="72" height="96" viewBox="0 0 72 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4011_27599)">
+<path d="M72 29.3V89.6C72 91.84 72 92.96 71.56 93.82C71.18 94.56 70.56 95.18 69.82 95.56C68.96 96 67.84 96 65.6 96H6.4C4.16 96 3.04 96 2.18 95.56C1.44 95.18 0.82 94.56 0.44 93.82C0 92.96 0 91.84 0 89.6V6.4C0 4.16 0 3.04 0.44 2.18C0.82 1.44 1.44 0.82 2.18 0.44C3.04 0 4.16 0 6.4 0H42.7C44.66 0 45.64 0 46.56 0.22C47.06 0.34 47.54 0.5 48 0.72V17.6C48 19.84 48 20.96 48.44 21.82C48.82 22.56 49.44 23.18 50.18 23.56C51.04 24 52.16 24 54.4 24H71.28C71.5 24.46 71.66 24.94 71.78 25.44C72 26.36 72 27.34 72 29.3Z" fill="#A5F3FC"/>
+<path d="M68.26 20.26C69.64 21.64 70.32 22.32 70.82 23.14C71 23.42 71.14 23.7 71.28 24H54.4C52.16 24 51.04 24 50.18 23.56C49.44 23.18 48.82 22.56 48.44 21.82C48 20.96 48 19.84 48 17.6V0.719971C48.3 0.859971 48.58 0.999971 48.86 1.17997C49.68 1.67997 50.36 2.35997 51.74 3.73997L68.26 20.26Z" fill="#06B6D4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M56 40H40V44H56V40ZM56 52H40V56H56V52ZM16 64H56V68H16V64ZM56 76H16V80H56V76ZM26 56H22V44H16V40H32V44H26V56Z" fill="#0891B2"/>
+</g>
+<defs>
+<clipPath id="clip0_4011_27599">
+<rect width="72" height="96" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/icons/file.image.svg b/src/assets/icons/file.image.svg
new file mode 100644
index 00000000..bcf5ffd5
--- /dev/null
+++ b/src/assets/icons/file.image.svg
@@ -0,0 +1,12 @@
+<svg width="72" height="96" viewBox="0 0 72 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4011_27602)">
+<path d="M72 29.3V89.6C72 91.84 72 92.96 71.56 93.82C71.18 94.56 70.56 95.18 69.82 95.56C68.96 96 67.84 96 65.6 96H6.4C4.16 96 3.04 96 2.18 95.56C1.44 95.18 0.819999 94.56 0.44 93.82C-5.66244e-07 92.96 -3.89266e-07 91.84 7.33793e-10 89.6L1.45507e-05 6.4C1.49407e-05 4.16 1.51396e-05 3.04 0.440016 2.18C0.820016 1.44 1.44002 0.819999 2.18002 0.439999C3.04002 -5.96046e-07 4.16002 -3.89266e-07 6.40002 7.33824e-10L42.7 6.35073e-06C44.66 6.69073e-06 45.64 6.86944e-06 46.56 0.220007C47.06 0.340007 47.54 0.500007 48 0.720007V17.6C48 19.84 48 20.96 48.44 21.82C48.82 22.56 49.44 23.18 50.18 23.56C51.04 24 52.16 24 54.4 24H71.28C71.5 24.46 71.66 24.94 71.78 25.44C72 26.36 72 27.34 72 29.3Z" fill="#A5F3FC"/>
+<path d="M68.26 20.26C69.64 21.64 70.32 22.32 70.82 23.14C71 23.42 71.14 23.7 71.28 24H54.4C52.16 24 51.04 24 50.18 23.56C49.44 23.18 48.82 22.56 48.44 21.82C48 20.96 48 19.84 48 17.6V0.719971C48.3 0.859971 48.58 0.999971 48.86 1.17997C49.68 1.67997 50.36 2.35997 51.74 3.73997L68.26 20.26Z" fill="#06B6D4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32 48C32 52.4183 28.4183 56 24 56C19.5817 56 16 52.4183 16 48C16 43.5817 19.5817 40 24 40C28.4183 40 32 43.5817 32 48ZM33.648 71.526L44 55.998L56 79.998H16L28 63.998L33.648 71.526Z" fill="#0891B2"/>
+</g>
+<defs>
+<clipPath id="clip0_4011_27602">
+<rect width="72" height="96" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/icons/file.pdf.svg b/src/assets/icons/file.pdf.svg
new file mode 100644
index 00000000..78106609
--- /dev/null
+++ b/src/assets/icons/file.pdf.svg
@@ -0,0 +1,12 @@
+<svg width="72" height="96" viewBox="0 0 72 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4011_27603)">
+<path d="M72 29.3V89.6C72 91.84 72 92.96 71.56 93.82C71.18 94.56 70.56 95.18 69.82 95.56C68.96 96 67.84 96 65.6 96H6.4C4.16 96 3.04 96 2.18 95.56C1.44 95.18 0.82 94.56 0.44 93.82C0 92.96 0 91.84 0 89.6V6.4C0 4.16 0 3.04 0.44 2.18C0.82 1.44 1.44 0.82 2.18 0.44C3.04 0 4.16 0 6.4 0H42.7C44.66 0 45.64 0 46.56 0.22C47.06 0.34 47.54 0.5 48 0.72V17.6C48 19.84 48 20.96 48.44 21.82C48.82 22.56 49.44 23.18 50.18 23.56C51.04 24 52.16 24 54.4 24H71.28C71.5 24.46 71.66 24.94 71.78 25.44C72 26.36 72 27.34 72 29.3Z" fill="#A5F3FC"/>
+<path d="M68.26 20.26C69.64 21.64 70.32 22.32 70.82 23.14C71 23.42 71.14 23.7 71.28 24H54.4C52.16 24 51.04 24 50.18 23.56C49.44 23.18 48.82 22.56 48.44 21.82C48 20.96 48 19.84 48 17.6V0.719971C48.3 0.859971 48.58 0.999971 48.86 1.17997C49.68 1.67997 50.36 2.35997 51.74 3.73997L68.26 20.26Z" fill="#06B6D4"/>
+<path d="M56.1014 65.0909C52.962 61.8909 44.4014 63.2 42.3389 63.4364C40.0756 61.2182 38.1408 58.7091 36.5528 55.9818C37.6845 52.8182 38.3233 49.5091 38.4876 46.1636C38.4876 43.2 37.2829 40 33.9061 40C32.7197 40.0364 31.6246 40.6545 31.004 41.6545C29.562 44.1455 30.1643 49.1091 32.4459 54.2C30.8762 58.8545 28.8867 63.3636 26.5321 67.6909C23.0275 69.1091 15.6717 72.4182 15.0694 75.9818C14.8321 77.0727 15.2154 78.1818 16.0368 78.9455C16.8946 79.6364 17.9533 80 19.0667 80C23.5386 80 27.8828 73.9636 30.8945 68.8727C34.326 67.7273 37.8305 66.8182 41.3897 66.1455C46.0989 70.1636 50.2058 70.7636 52.3779 70.7636C55.28 70.7636 56.357 69.5818 56.722 68.5091C57.2513 67.3636 57.0141 66 56.1014 65.0909ZM53.0897 67.1091C52.962 67.9455 51.885 68.7636 49.9503 68.2909C47.7052 67.7091 45.6061 66.6545 43.7991 65.2182C45.3688 64.9818 48.8734 64.6182 51.3922 65.0909C52.3596 65.3273 53.327 65.9091 53.0897 67.1091ZM32.9388 42.7273C33.1395 42.3818 33.5046 42.1636 33.9061 42.1273C34.9831 42.1273 35.2386 43.4364 35.2386 44.4909C35.1108 47 34.6363 49.4545 33.7966 51.8364C31.9714 47.1091 32.3364 43.7818 32.9388 42.7273ZM32.7015 65.6727C33.7419 63.5091 34.6728 61.3091 35.4759 59.0545C36.5893 60.8 37.8852 62.4182 39.3454 63.9091C39.3272 64.0182 35.5854 64.7273 32.7015 65.6727ZM25.5829 70.4182C22.8085 74.9091 19.9063 77.7636 18.3366 77.7636C18.0811 77.7455 17.8255 77.6545 17.6065 77.5273C17.2414 77.2909 17.0954 76.8545 17.2414 76.4545C17.6065 74.8 20.746 72.5455 25.5829 70.4182Z" fill="#0891B2"/>
+</g>
+<defs>
+<clipPath id="clip0_4011_27603">
+<rect width="72" height="96" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/icons/file.unkown.svg b/src/assets/icons/file.unkown.svg
new file mode 100644
index 00000000..c97b6559
--- /dev/null
+++ b/src/assets/icons/file.unkown.svg
@@ -0,0 +1,11 @@
+<svg width="72" height="96" viewBox="0 0 72 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4158_31546)">
+<path d="M72 29.3V89.6C72 91.84 72 92.96 71.56 93.82C71.18 94.56 70.56 95.18 69.82 95.56C68.96 96 67.84 96 65.6 96H6.4C4.16 96 3.04 96 2.18 95.56C1.44 95.18 0.82 94.56 0.44 93.82C0 92.96 0 91.84 0 89.6V6.4C0 4.16 0 3.04 0.44 2.18C0.82 1.44 1.44 0.82 2.18 0.44C3.04 0 4.16 0 6.4 0H42.7C44.66 0 45.64 0 46.56 0.22C47.06 0.34 47.54 0.5 48 0.72V17.6C48 19.84 48 20.96 48.44 21.82C48.82 22.56 49.44 23.18 50.18 23.56C51.04 24 52.16 24 54.4 24H71.28C71.5 24.46 71.66 24.94 71.78 25.44C72 26.36 72 27.34 72 29.3Z" fill="#A5F3FC"/>
+<path d="M68.26 20.26C69.64 21.64 70.32 22.32 70.82 23.14C71 23.42 71.14 23.7 71.28 24H54.4C52.16 24 51.04 24 50.18 23.56C49.44 23.18 48.82 22.56 48.44 21.82C48 20.96 48 19.84 48 17.6V0.719971C48.3 0.859971 48.58 0.999971 48.86 1.17997C49.68 1.67997 50.36 2.35997 51.74 3.73997L68.26 20.26Z" fill="#06B6D4"/>
+</g>
+<defs>
+<clipPath id="clip0_4158_31546">
+<rect width="72" height="96" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/icons/file.video.svg b/src/assets/icons/file.video.svg
new file mode 100644
index 00000000..bf393f2b
--- /dev/null
+++ b/src/assets/icons/file.video.svg
@@ -0,0 +1,12 @@
+<svg width="72" height="96" viewBox="0 0 72 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4174_31563)">
+<path d="M72 29.3V89.6C72 91.84 72 92.96 71.56 93.82C71.18 94.56 70.56 95.18 69.82 95.56C68.96 96 67.84 96 65.6 96H6.4C4.16 96 3.04 96 2.18 95.56C1.44 95.18 0.82 94.56 0.44 93.82C0 92.96 0 91.84 0 89.6V6.4C0 4.16 0 3.04 0.44 2.18C0.82 1.44 1.44 0.82 2.18 0.44C3.04 0 4.16 0 6.4 0H42.7C44.66 0 45.64 0 46.56 0.22C47.06 0.34 47.54 0.5 48 0.72V17.6C48 19.84 48 20.96 48.44 21.82C48.82 22.56 49.44 23.18 50.18 23.56C51.04 24 52.16 24 54.4 24H71.28C71.5 24.46 71.66 24.94 71.78 25.44C72 26.36 72 27.34 72 29.3V29.3Z" fill="#A5F3FC"/>
+<path d="M68.26 20.26C69.64 21.64 70.32 22.32 70.82 23.14C71 23.42 71.14 23.7 71.28 24H54.4C52.16 24 51.04 24 50.18 23.56C49.44 23.18 48.82 22.56 48.44 21.82C48 20.96 48 19.84 48 17.6V0.719971C48.3 0.859971 48.58 0.999971 48.86 1.17997C49.68 1.67997 50.36 2.35997 51.74 3.73997L68.26 20.26Z" fill="#06B6D4"/>
+<path d="M43 51.25C43 47.7982 40.2018 45 36.75 45H22.25C18.7982 45 16 47.7982 16 51.25V68.75C16 72.2018 18.7982 75 22.25 75H36.75C40.2018 75 43 72.2018 43 68.75V51.25ZM45 65.5316L51.9612 70.9681C53.6027 72.25 56 71.0804 56 68.9978V51.0027C56 48.92 53.6026 47.7505 51.9612 49.0324L45 54.469V65.5316Z" fill="#0891B2"/>
+</g>
+<defs>
+<clipPath id="clip0_4174_31563">
+<rect width="72" height="96" fill="white"/>
+</clipPath>
+</defs>
+</svg>