feat(apropos): applique le style DSFR à la page À Propos (#1230)

Co-authored-by: Anis Safine Laget <anis@poensis.fr>

packages/ui/src/components/content/about.module.css

-.logo {
-  width: calc(var(--unit) * 5);
-  height: calc(var(--unit) * 5);
-  display: inline-block;
-  vertical-align: middle;
-  background-repeat: no-repeat;
-}

packages/ui/src/components/content/building-2.svg

-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
-     fill="none"
-     stroke= '#76b6bd'
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     stroke-width="1px"
->
-    <path d="M2.5 8.5h10v15h-10z"/>
-    <path d="M20.5 23.5h-8v-15h-2v-8h10z"/>
-    <path d="M15.5 20.5h3v3h-3zm-11 0h3v3h-3zm-2-10h4m-4 2h3m5-8h4m-4-2h6m-6 4h3m-11 8h2"/>
-</svg>

packages/ui/src/components/content/building.svg

+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.6666 10.0001C48.5076 10.0001 50 11.4925 50 13.3335V63.3335H63.3333V36.6668H56.6666V30.0001H66.6666C68.5076 30.0001 70 31.4925 70 33.3335V63.3335H76.6666V70.0001H3.33331V63.3335H9.99998V13.3335C9.99998 11.4925 11.4924 10.0001 13.3333 10.0001H46.6666ZM43.3333 16.6668H16.6666V63.3335H43.3333V16.6668ZM36.6666 36.6668V43.3335H23.3333V36.6668H36.6666ZM36.6666 23.3335V30.0001H23.3333V23.3335H36.6666Z" fill="#6C6CF4"/>
+</svg>

packages/ui/src/components/content/business-check.svg

-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
-     fill="none"
-     stroke= '#76b6bd'
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     stroke-width="1px"
->
-    <circle cx="6.25" cy="4" r="3.5"/>
-    <path d="M11.75 9.5h-11c0 4.069 1.64 6.442 3.5 7.5v6.5h4V17c1.858-1.058 3.5-3.431 3.5-7.5z"/>
-    <path d="M6.75 9.5h-1l-.5 6 1 1 1-1-.5-6zm5.602-6.562a6 6 0 111.544 10.083"/>
-    <path d="M23.25.5l-6.888 9.175L13.7 7.013"/>
-</svg>

packages/ui/src/components/content/cloud-setting.svg

-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
-     fill="none"
-     stroke= '#76b6bd'
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     stroke-width="1px"
->
-    <path d="M15.897 20.117l1-1.732-1-.577a3.232 3.232 0 000-1.614l.999-.576-1-1.732-.999.576a3.496 3.496 0 00-1.397-.799V12.5h-2v1.162a3.49 3.49 0 00-1.397.799l-.999-.576-1 1.732.999.576a3.232 3.232 0 000 1.614l-1 .577 1 1.732 1-.578c.392.369.869.64 1.397.799V21.5h2v-1.162a3.485 3.485 0 001.396-.799l1.001.578z"/>
-    <circle cx="12.5" cy="17" r="1.5"/>
-    <path d="M19.196 16.391s4.304-.561 4.304-4.782a4.77 4.77 0 00-4.954-4.774A6.684 6.684 0 005.825 9.294 3.586 3.586 0 001.5 12.803c0 2.992 2.579 3.49 3.502 3.572"/>
-</svg>

packages/ui/src/components/content/code-s-slash.svg

+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M80 40.0001L61.1433 58.8568L56.43 54.1435L70.5733 40.0001L56.43 25.8568L61.1433 21.1435L80 40.0001ZM9.42667 40.0001L23.57 54.1435L18.8567 58.8568L0 40.0001L18.8567 21.1435L23.5667 25.8568L9.42667 40.0001ZM32.6267 70.0001H25.5333L47.3733 10.0001H54.4667L32.6267 70.0001Z" fill="#6C6CF4"/>
+</svg>

packages/ui/src/components/content/dashboard.svg

+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40 6.66678C58.41 6.66678 73.3333 21.5901 73.3333 40.0001C73.3333 58.4101 58.41 73.3335 40 73.3335C21.59 73.3335 6.66663 58.4101 6.66663 40.0001C6.66663 21.5901 21.59 6.66678 40 6.66678ZM40 13.3334C25.2733 13.3334 13.3333 25.2734 13.3333 40.0001C13.3333 54.7268 25.2733 66.6668 40 66.6668C54.7266 66.6668 66.6666 54.7268 66.6666 40.0001C66.6666 25.2734 54.7266 13.3334 40 13.3334ZM55.32 24.6801C56 25.3601 56.0866 26.4334 55.53 27.2134C48.2633 37.3668 44.2633 42.8068 43.5366 43.5368C41.5833 45.4868 38.4166 45.4868 36.4633 43.5368C34.5133 41.5834 34.5133 38.4168 36.4633 36.4634C37.71 35.2201 43.1466 31.2168 52.7766 24.4568C53.5666 23.9034 54.64 23.9968 55.32 24.6801ZM58.3333 36.6668C60.1733 36.6668 61.6666 38.1601 61.6666 40.0001C61.6666 41.8401 60.1733 43.3334 58.3333 43.3334C56.4933 43.3334 55 41.8401 55 40.0001C55 38.1601 56.4933 36.6668 58.3333 36.6668ZM21.6666 36.6668C23.5066 36.6668 25 38.1601 25 40.0001C25 41.8401 23.5066 43.3334 21.6666 43.3334C19.8266 43.3334 18.3333 41.8401 18.3333 40.0001C18.3333 38.1601 19.8266 36.6668 21.6666 36.6668ZM29.3933 24.6801C30.6933 25.9801 30.6933 28.0901 29.3933 29.3934C28.0933 30.6934 25.98 30.6934 24.68 29.3934C23.38 28.0934 23.38 25.9801 24.68 24.6801C25.98 23.3801 28.09 23.3801 29.3933 24.6801ZM40 18.3334C41.84 18.3334 43.3333 19.8268 43.3333 21.6668C43.3333 23.5068 41.84 25.0001 40 25.0001C38.16 25.0001 36.6666 23.5068 36.6666 21.6668C36.6666 19.8268 38.16 18.3334 40 18.3334Z" fill="#6C6CF4"/>
+</svg>

packages/ui/src/components/content/earth.svg

+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.7833 21.5101C12.0236 30.6019 10.84 44.5905 17.9475 55.0249C25.055 65.4592 38.5056 69.4794 50.1733 64.6568C50.5566 62.1568 49.7166 59.7568 49.3733 58.9168C48.6066 57.0501 46.08 53.8601 41.8633 49.4368C40.7366 48.2535 40.81 47.3435 41.2133 44.6468L41.2566 44.3435C41.53 42.4968 41.99 41.4035 48.2066 40.4168C51.3666 39.9168 52.1966 41.1768 53.3466 42.9268L53.7333 43.5001C54.8266 45.1001 55.6366 45.4668 56.86 46.0201C57.41 46.2701 58.0933 46.5868 59.01 47.1035C61.1833 48.3468 61.1833 49.7501 61.1833 52.8235V53.1735C61.1833 54.4768 61.0566 55.6235 60.8566 56.6201C66.0414 50.1129 67.8928 41.559 65.8627 33.4903C63.8326 25.4215 58.1536 18.7622 50.5066 15.4835C48.6633 16.7268 46.1333 18.4901 45.25 19.7001C44.8 20.3168 44.16 23.4735 42.0833 23.7335C41.5433 23.8001 40.8133 23.7535 40.04 23.7035C37.9666 23.5701 35.1333 23.3868 34.2266 25.8501C33.65 27.4101 33.55 31.6501 35.4133 33.8501C35.7133 34.2001 35.77 34.8501 35.5666 35.5801C35.3 36.5368 34.7633 37.1201 34.5933 37.2401C34.2733 37.0535 33.6333 36.3101 33.1966 35.8068C32.1533 34.5901 30.8466 33.0735 29.16 32.6068C28.5466 32.4368 27.8733 32.2968 27.2166 32.1568C25.3866 31.7735 23.3166 31.3368 22.8333 30.3101C22.48 29.5568 22.4833 28.5201 22.4833 27.4268C22.4833 26.0368 22.4833 24.4668 21.8033 22.9435C21.5669 22.3998 21.2195 21.9116 20.7833 21.5101ZM40 73.3335C21.59 73.3335 6.66663 58.4101 6.66663 40.0001C6.66663 21.5901 21.59 6.66681 40 6.66681C58.41 6.66681 73.3333 21.5901 73.3333 40.0001C73.3333 58.4101 58.41 73.3335 40 73.3335Z" fill="#6C6CF4"/>
+</svg>

packages/ui/src/components/content/group-global.svg

-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
-     fill="none"
-     stroke= '#76b6bd'
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     stroke-width="1px"
->
-    <path d="M18.5 6.976c0 3.604-2.918 6.524-6.518 6.524S5.5 10.462 5.5 6.858C5.5 3.349 8.253.645 11.721.505c.093-.003.187-.005.282-.005 3.6 0 6.497 2.872 6.497 6.476zM11.721.506c-3.392 3.674-3.392 8.467 0 12.989M12.285.506c3.392 3.674 3.392 8.466 0 12.987M6.574 10.5h10.894m-11.015-7h11.043M5.5 7h13"/>
-    <circle cx="4.5" cy="17.015" r="2.5"/>
-    <circle cx="12" cy="17.015" r="2.5"/>
-    <circle cx="19.5" cy="17.015" r="2.5"/>
-    <path d="M19.5 19.507c-1.733 0-3.194 1.112-3.75 2.654-.556-1.542-2.017-2.648-3.75-2.648s-3.194 1.109-3.75 2.65c-.556-1.541-2.017-2.656-3.75-2.656-2.21 0-4 1.993-4 3.993h23c0-2-1.79-3.993-4-3.993z"/>
-</svg>

packages/ui/src/components/content/map-pin-2.svg

-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
-     fill="none"
-     stroke= '#76b6bd'
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     stroke-width="1px"
->
-    <circle cx="11.5" cy="3.5" r="3"/>
-    <path d="M11.5 6.5V17m-3-4.722l-1 .222-7-2v11l7 2 9-2 7 2v-11l-7-2-2 .445m-7 1.555v11m9-13v11m-5-19a1 1 0 011 1"/>
-</svg>

packages/ui/src/components/content/road-map.svg

+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.3334 20.4768V63.2234L30.2167 55.9901L50.2167 65.9901L66.6667 58.9335V16.1901L71.01 14.3301C71.2636 14.2214 71.5403 14.1773 71.8151 14.2019C72.09 14.2265 72.3544 14.3189 72.5847 14.4709C72.815 14.6229 73.004 14.8297 73.1347 15.0728C73.2653 15.3158 73.3336 15.5875 73.3334 15.8635V63.3335L50 73.3335L30 63.3335L8.99002 72.3368C8.7364 72.4455 8.45975 72.4896 8.18491 72.465C7.91006 72.4404 7.64562 72.348 7.41531 72.196C7.185 72.044 6.99604 71.8372 6.86538 71.5941C6.73471 71.3511 6.66644 71.0794 6.66669 70.8035V23.3335L13.3334 20.4768ZM54.1434 37.4768L40 51.6168L25.8567 37.4768C23.06 34.6796 21.1555 31.1159 20.3841 27.2364C19.6126 23.3569 20.0089 19.3357 21.5228 15.6814C23.0366 12.0271 25.6001 8.9037 28.889 6.70622C32.1779 4.50874 36.0445 3.33585 40 3.33585C43.9555 3.33585 47.8222 4.50874 51.1111 6.70622C54.4 8.9037 56.9634 12.0271 58.4773 15.6814C59.9911 19.3357 60.3874 23.3569 59.616 27.2364C58.8445 31.1159 56.9401 34.6796 54.1434 37.4768ZM40 42.1901L49.4267 32.7601C51.2918 30.8956 52.5621 28.5198 53.0769 25.9333C53.5917 23.3468 53.3279 20.6657 52.3188 18.2291C51.3098 15.7925 49.6008 13.7099 47.408 12.2446C45.2153 10.7794 42.6373 9.99727 40 9.99727C37.3628 9.99727 34.7847 10.7794 32.592 12.2446C30.3993 13.7099 28.6903 15.7925 27.6812 18.2291C26.6722 20.6657 26.4084 23.3468 26.9232 25.9333C27.438 28.5198 28.7083 30.8956 30.5734 32.7601L40 42.1901Z" fill="#6C6CF4"/>
+</svg>

packages/ui/src/components/content/team.svg

+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40 36.6668C49.2047 36.6668 56.6666 44.1287 56.6666 53.3335V73.3335H50V53.3335C50.0003 48.0383 45.8727 43.6608 40.5866 43.3501L40 43.3335C34.7048 43.3332 30.3273 47.4607 30.0166 52.7468L30 53.3335V73.3335H23.3333V53.3335C23.3333 44.1287 30.7952 36.6668 40 36.6668ZM18.3333 46.6668C19.2633 46.6668 20.1666 46.7768 21.0333 46.9801C20.4634 48.6768 20.1259 50.4429 20.03 52.2301L20 53.3335V53.6201C19.6168 53.483 19.2183 53.3935 18.8133 53.3535L18.3333 53.3335C15.7579 53.3336 13.6039 55.29 13.3566 57.8535L13.3333 58.3335V73.3335H6.66663V58.3335C6.66663 51.8902 11.89 46.6668 18.3333 46.6668ZM61.6666 46.6668C68.11 46.6668 73.3333 51.8902 73.3333 58.3335V73.3335H66.6666V58.3335C66.6665 55.7581 64.7101 53.604 62.1466 53.3568L61.6666 53.3335C61.0833 53.3335 60.5233 53.4335 60 53.6168V53.3335C60 51.1135 59.64 48.9801 58.97 46.9868C59.8333 46.7768 60.7366 46.6668 61.6666 46.6668ZM18.3333 26.6668C22.9357 26.6668 26.6666 30.3978 26.6666 35.0001C26.6666 39.6025 22.9357 43.3335 18.3333 43.3335C13.7309 43.3335 9.99996 39.6025 9.99996 35.0001C9.99996 30.3978 13.7309 26.6668 18.3333 26.6668ZM61.6666 26.6668C66.269 26.6668 70 30.3978 70 35.0001C70 39.6025 66.269 43.3335 61.6666 43.3335C57.0643 43.3335 53.3333 39.6025 53.3333 35.0001C53.3333 30.3978 57.0643 26.6668 61.6666 26.6668ZM18.3333 33.3335C17.4128 33.3335 16.6666 34.0797 16.6666 35.0001C16.6666 35.9206 17.4128 36.6668 18.3333 36.6668C19.2538 36.6668 20 35.9206 20 35.0001C20 34.0797 19.2538 33.3335 18.3333 33.3335ZM61.6666 33.3335C60.7462 33.3335 60 34.0797 60 35.0001C60 35.9206 60.7462 36.6668 61.6666 36.6668C62.5871 36.6668 63.3333 35.9206 63.3333 35.0001C63.3333 34.0797 62.5871 33.3335 61.6666 33.3335ZM40 6.66681C47.3638 6.66681 53.3333 12.6363 53.3333 20.0001C53.3333 27.3639 47.3638 33.3335 40 33.3335C32.6362 33.3335 26.6666 27.3639 26.6666 20.0001C26.6666 12.6363 32.6362 6.66681 40 6.66681ZM40 13.3335C36.3181 13.3335 33.3333 16.3182 33.3333 20.0001C33.3333 23.682 36.3181 26.6668 40 26.6668C43.6819 26.6668 46.6666 23.682 46.6666 20.0001C46.6666 16.3182 43.6819 13.3335 40 13.3335Z" fill="#6C6CF4"/>
+</svg>