diff --git a/apps/common/main/resources/img/doc-formats/jpg.svg b/apps/common/main/resources/img/doc-formats/jpg.svg
new file mode 100644
index 000000000..b04feaf76
--- /dev/null
+++ b/apps/common/main/resources/img/doc-formats/jpg.svg
@@ -0,0 +1,14 @@
+<svg width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
+<symbol id="svg-format-jpg">
+<g>
+<path d="M95 22V118C95 118.796 94.6839 119.559 94.1213 120.121C93.5587 120.684 92.7956 121 92 121H8C7.20435 121 6.44129 120.684 5.87868 120.121C5.31607 119.559 5 118.796 5 118V7C5 6.20435 5.31607 5.44129 5.87868 4.87868C6.44129 4.31607 7.20435 4 8 4H77L95 22Z" fill="#7371D8"/>
+<g>
+<path d="M39.5801 115.52C39.1699 115.52 38.8125 115.477 38.5078 115.391V113.879C38.8203 113.957 39.1055 113.996 39.3633 113.996C39.7617 113.996 40.0469 113.871 40.2188 113.621C40.3906 113.375 40.4766 112.988 40.4766 112.461V104.434H42.293V112.449C42.293 113.449 42.0645 114.211 41.6074 114.734C41.1504 115.258 40.4746 115.52 39.5801 115.52Z" fill="white"/>
+<path d="M46.2656 108.465H46.8633C47.4219 108.465 47.8398 108.355 48.1172 108.137C48.3945 107.914 48.5332 107.592 48.5332 107.17C48.5332 106.744 48.416 106.43 48.1816 106.227C47.9512 106.023 47.5879 105.922 47.0918 105.922H46.2656V108.465ZM50.3672 107.105C50.3672 108.027 50.0781 108.732 49.5 109.221C48.9258 109.709 48.1074 109.953 47.0449 109.953H46.2656V113H44.4492V104.434H47.1855C48.2246 104.434 49.0137 104.658 49.5527 105.107C50.0957 105.553 50.3672 106.219 50.3672 107.105Z" fill="white"/>
+<path d="M55.2363 108.189H58.6348V112.631C58.084 112.811 57.5645 112.936 57.0762 113.006C56.5918 113.08 56.0957 113.117 55.5879 113.117C54.2949 113.117 53.3066 112.738 52.623 111.98C51.9434 111.219 51.6035 110.127 51.6035 108.705C51.6035 107.322 51.998 106.244 52.7871 105.471C53.5801 104.697 54.6777 104.311 56.0801 104.311C56.959 104.311 57.8066 104.486 58.623 104.838L58.0195 106.291C57.3945 105.979 56.7441 105.822 56.0684 105.822C55.2832 105.822 54.6543 106.086 54.1816 106.613C53.709 107.141 53.4727 107.85 53.4727 108.74C53.4727 109.67 53.6621 110.381 54.041 110.873C54.4238 111.361 54.9785 111.605 55.7051 111.605C56.084 111.605 56.4688 111.566 56.8594 111.488V109.701H55.2363V108.189Z" fill="white"/>
+</g>
+<path d="M56 51.869L73.183 79H27.7869L39.5 59.912L44.274 67.6919L45.113 69.059L45.9712 67.7039L56 51.869ZM36 51.5C36 53.9853 33.9853 56 31.5 56C29.0147 56 27 53.9853 27 51.5C27 49.0147 29.0147 47 31.5 47C33.9853 47 36 49.0147 36 51.5Z" fill="white" stroke="white" stroke-width="2"/>
+<path opacity="0.2" d="M95 22H80C79.2044 22 78.4413 21.6839 77.8787 21.1213C77.3161 20.5587 77 19.7956 77 19V4L95 22Z" fill="black"/>
+</g>
+</symbol>
+</svg>
diff --git a/apps/common/main/resources/img/doc-formats/png.svg b/apps/common/main/resources/img/doc-formats/png.svg
new file mode 100644
index 000000000..58aef71e3
--- /dev/null
+++ b/apps/common/main/resources/img/doc-formats/png.svg
@@ -0,0 +1,14 @@
+<svg width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
+<symbol id="svg-format-png">
+<g>
+<path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#D871D6"/>
+<g>
+<path d="M39.8984 109.465H40.4961C41.0547 109.465 41.4727 109.355 41.75 109.137C42.0273 108.914 42.166 108.592 42.166 108.17C42.166 107.744 42.0488 107.43 41.8145 107.227C41.584 107.023 41.2207 106.922 40.7246 106.922H39.8984V109.465ZM44 108.105C44 109.027 43.7109 109.732 43.1328 110.221C42.5586 110.709 41.7402 110.953 40.6777 110.953H39.8984V114H38.082V105.434H40.8184C41.8574 105.434 42.6465 105.658 43.1855 106.107C43.7285 106.553 44 107.219 44 108.105Z" fill="white"/>
+<path d="M53.2168 114H50.9082L47.1816 107.52H47.1289C47.2031 108.664 47.2402 109.48 47.2402 109.969V114H45.6172V105.434H47.9082L51.6289 111.85H51.6699C51.6113 110.736 51.582 109.949 51.582 109.488V105.434H53.2168V114Z" fill="white"/>
+<path d="M58.6309 109.189H62.0293V113.631C61.4785 113.811 60.959 113.936 60.4707 114.006C59.9863 114.08 59.4902 114.117 58.9824 114.117C57.6895 114.117 56.7012 113.738 56.0176 112.98C55.3379 112.219 54.998 111.127 54.998 109.705C54.998 108.322 55.3926 107.244 56.1816 106.471C56.9746 105.697 58.0723 105.311 59.4746 105.311C60.3535 105.311 61.2012 105.486 62.0176 105.838L61.4141 107.291C60.7891 106.979 60.1387 106.822 59.4629 106.822C58.6777 106.822 58.0488 107.086 57.5762 107.613C57.1035 108.141 56.8672 108.85 56.8672 109.74C56.8672 110.67 57.0566 111.381 57.4355 111.873C57.8184 112.361 58.373 112.605 59.0996 112.605C59.4785 112.605 59.8633 112.566 60.2539 112.488V110.701H58.6309V109.189Z" fill="white"/>
+</g>
+<path d="M56 51.869L73.183 79H27.7869L39.5 59.912L44.274 67.6919L45.113 69.059L45.9712 67.7039L56 51.869ZM36 51.5C36 53.9853 33.9853 56 31.5 56C29.0147 56 27 53.9853 27 51.5C27 49.0147 29.0147 47 31.5 47C33.9853 47 36 49.0147 36 51.5Z" fill="white" stroke="white" stroke-width="2"/>
+<path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
+</g>
+</symbol>
+</svg>
diff --git a/apps/common/main/resources/img/doc-formats/svg.svg b/apps/common/main/resources/img/doc-formats/svg.svg
new file mode 100644
index 000000000..3f2562f15
--- /dev/null
+++ b/apps/common/main/resources/img/doc-formats/svg.svg
@@ -0,0 +1,14 @@
+<svg width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
+<symbol id="svg-format-svg">
+<g>
+<path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#507C8B"/>
+<g>
+<path d="M44.5801 111.621C44.5801 112.395 44.3008 113.004 43.7422 113.449C43.1875 113.895 42.4141 114.117 41.4219 114.117C40.5078 114.117 39.6992 113.945 38.9961 113.602V111.914C39.5742 112.172 40.0625 112.354 40.4609 112.459C40.8633 112.564 41.2305 112.617 41.5625 112.617C41.9609 112.617 42.2656 112.541 42.4766 112.389C42.6914 112.236 42.7988 112.01 42.7988 111.709C42.7988 111.541 42.752 111.393 42.6582 111.264C42.5645 111.131 42.4258 111.004 42.2422 110.883C42.0625 110.762 41.6934 110.568 41.1348 110.303C40.6113 110.057 40.2188 109.82 39.957 109.594C39.6953 109.367 39.4863 109.104 39.3301 108.803C39.1738 108.502 39.0957 108.15 39.0957 107.748C39.0957 106.99 39.3516 106.395 39.8633 105.961C40.3789 105.527 41.0898 105.311 41.9961 105.311C42.4414 105.311 42.8652 105.363 43.2676 105.469C43.6738 105.574 44.0977 105.723 44.5391 105.914L43.9531 107.326C43.4961 107.139 43.1172 107.008 42.8164 106.934C42.5195 106.859 42.2266 106.822 41.9375 106.822C41.5938 106.822 41.3301 106.902 41.1465 107.062C40.9629 107.223 40.8711 107.432 40.8711 107.689C40.8711 107.85 40.9082 107.99 40.9824 108.111C41.0566 108.229 41.1738 108.344 41.334 108.457C41.498 108.566 41.8828 108.766 42.4883 109.055C43.2891 109.438 43.8379 109.822 44.1348 110.209C44.4316 110.592 44.5801 111.062 44.5801 111.621Z" fill="white"/>
+<path d="M51.0195 105.434H52.8535L49.9414 114H47.9609L45.0547 105.434H46.8887L48.5 110.531C48.5898 110.832 48.6816 111.184 48.7754 111.586C48.873 111.984 48.9336 112.262 48.957 112.418C49 112.059 49.1465 111.43 49.3965 110.531L51.0195 105.434Z" fill="white"/>
+<path d="M57.1895 109.189H60.5879V113.631C60.0371 113.811 59.5176 113.936 59.0293 114.006C58.5449 114.08 58.0488 114.117 57.541 114.117C56.248 114.117 55.2598 113.738 54.5762 112.98C53.8965 112.219 53.5566 111.127 53.5566 109.705C53.5566 108.322 53.9512 107.244 54.7402 106.471C55.5332 105.697 56.6309 105.311 58.0332 105.311C58.9121 105.311 59.7598 105.486 60.5762 105.838L59.9727 107.291C59.3477 106.979 58.6973 106.822 58.0215 106.822C57.2363 106.822 56.6074 107.086 56.1348 107.613C55.6621 108.141 55.4258 108.85 55.4258 109.74C55.4258 110.67 55.6152 111.381 55.9941 111.873C56.377 112.361 56.9316 112.605 57.6582 112.605C58.0371 112.605 58.4219 112.566 58.8125 112.488V110.701H57.1895V109.189Z" fill="white"/>
+</g>
+<path d="M51 58.917C53.8377 58.441 56 55.973 56 53C56 49.6863 53.3137 47 50 47C46.6863 47 44 49.6863 44 53C44 55.973 46.1623 58.441 49 58.917V71.5858L39.8908 62.4765C40.5892 61.4957 41 60.2958 41 59C41 55.6863 38.3137 53 35 53C31.6863 53 29 55.6863 29 59C29 62.3137 31.6863 65 35 65C36.2958 65 37.4957 64.5892 38.4766 63.8907L48.5858 74H36.917C36.441 71.1623 33.973 69 31 69C27.6863 69 25 71.6863 25 75C25 75.3407 25.0284 75.6748 25.083 76H74.917C74.9716 75.6748 75 75.3407 75 75C75 71.6863 72.3137 69 69 69C66.027 69 63.559 71.1623 63.083 74H51.5563L61.6071 63.9492C62.5721 64.6121 63.7408 65 65 65C68.3137 65 71 62.3137 71 59C71 55.6863 68.3137 53 65 53C61.6863 53 59 55.6863 59 59C59 60.3323 59.4343 61.5633 60.169 62.5589L51 71.7279V58.917Z" fill="white"/>
+<path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
+</g>
+</symbol>
+</svg>