feat: Add the expiration alert to the qualification block

react/Viewer/Panel/Qualification.jsx

@@ -1,6 +1,8 @@
 import React, { useRef, useState, createRef, useMemo, useEffect } from 'react'
 import PropTypes from 'prop-types'
 
+import { models } from 'cozy-client'
+
 import List from '../../MuiCozyTheme/List'
 import { withViewerLocales } from '../hoc/withViewerLocales'
 import {
@@ -14,6 +16,9 @@ import ActionMenuWrapper from './ActionMenuWrapper'
 import QualificationListItemDate from './QualificationListItemDate'
 import QualificationListItemInformation from './QualificationListItemInformation'
 import QualificationListItemOther from './QualificationListItemOther'
+import Expiration from './Expiration'
+
+const { isExpiringSoon } = models.paper
 
 const makeQualificationListItemComp = metadataName => {
   if (knownDateMetadataNames.includes(metadataName)) {
@@ -64,6 +69,9 @@ const Qualification = ({ file }) => {
 
   return (
     <div className="u-flex u-flex-column" style={{ rowGap: '1rem' }}>
+      {isExpiringSoon(file) && !file?.metadata?.hideExpirationAlert && (
+        <Expiration file={file} />
+      )}
       <List className="u-pv-0">
         {formatedMetadataQualification.map((meta, idx) => {
           const { name } = meta