feat: add notes.

src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailFooter.js

@@ -1,6 +1,12 @@
 import React from 'react';
 
-import { CommercialDocFooter, If, DetailsMenu, DetailItem } from 'components';
+import {
+  CommercialDocFooter,
+  T,
+  If,
+  DetailsMenu,
+  DetailItem,
+} from 'components';
 import { useInvoiceDetailDrawerContext } from './InvoiceDetailDrawerProvider';
 
 /**
@@ -17,13 +23,13 @@ export function InvoiceDetailFooter() {
     <CommercialDocFooter>
       <DetailsMenu direction={'horizantal'} minLabelSize={'180px'}>
         <If condition={invoice.terms_conditions}>
-          <DetailItem label={'Terms & Conditions'}>
+          <DetailItem label={<T id={'terms_conditions'} />}>
             {invoice.terms_conditions}
           </DetailItem>
         </If>
 
         <If condition={invoice.invoice_message}>
-          <DetailItem label={'Invoice Message'}>
+          <DetailItem label={<T id={'invoice.details.invoice_message'} />}>
             {invoice.invoice_message}
           </DetailItem>
         </If>