Rename "Purchasing" to "Bills" and "Reference" to "Bills ID" across the application

Author: RobertoMoFossa

src/frontend/src/components/nav/NavigationDrawer.tsx

@@ -88,7 +88,7 @@ function DrawerContent({ closeFunc }: Readonly<{ closeFunc?: () => void }>) {
       },
       {
         id: 'purchasing',
-        title: t`Purchasing`,
+        title: t`Bills`,
         link: '/purchasing/',
         hidden: !user.hasViewRole(UserRoles.purchase_order),
         icon: 'purchase_orders'

src/frontend/src/defaults/links.tsx

@@ -51,7 +51,7 @@ export function getNavTabs(user: UserStateProps): NavTab[] {
     },
     {
       name: 'purchasing',
-      title: t`Purchasing`,
+      title: t`Bills`,
       icon: <IconShoppingCart />,
       role: UserRoles.purchase_order
     },

src/frontend/src/locales/ar/messages.po

@@ -2651,8 +2651,8 @@ msgstr ""
 #: src/pages/company/SupplierPartDetail.tsx:366
 #: src/pages/purchasing/PurchaseOrderDetail.tsx:559
 #: src/pages/purchasing/PurchasingIndex.tsx:212
-msgid "Purchasing"
-msgstr ""
+msgid "Bills"
+msgstr "Bills"
 
 #: src/components/nav/NavigationDrawer.tsx:98
 #: src/defaults/links.tsx:60

src/frontend/src/locales/en/messages.po

@@ -345,6 +345,9 @@ msgstr "Purchase Order"
 msgid "Purchase Orders"
 msgstr "Purchase Orders"
 
+msgid "Bills"
+msgstr "Bills"
+
 #: lib/enums/ModelInformation.tsx:169
 msgid "Purchase Order Line"
 msgstr "Purchase Order Line"
@@ -2646,8 +2649,8 @@ msgstr "Manufacturing"
 #: src/pages/company/SupplierPartDetail.tsx:366
 #: src/pages/purchasing/PurchaseOrderDetail.tsx:559
 #: src/pages/purchasing/PurchasingIndex.tsx:212
-msgid "Purchasing"
-msgstr "Purchasing"
+msgid "Bills"
+msgstr "Bills"
 
 #: src/components/nav/NavigationDrawer.tsx:98
 #: src/defaults/links.tsx:60
@@ -6969,6 +6972,9 @@ msgstr "External"
 msgid "Reference"
 msgstr "Reference"
 
+msgid "Bill ID"
+msgstr "Bill ID"
+
 #: src/pages/build/BuildDetail.tsx:259
 msgid "Parent Build"
 msgstr "Parent Build"

src/frontend/src/pages/company/SupplierPartDetail.tsx

@@ -363,7 +363,7 @@ export default function SupplierPartDetail() {
   const breadcrumbs = useMemo(() => {
     return [
       {
-        name: t`Purchasing`,
+        name: t`Bills`,
         url: '/purchasing/'
       },
       {

src/frontend/src/pages/purchasing/PurchaseOrderDetail.tsx

@@ -139,7 +139,7 @@ export default function PurchaseOrderDetail() {
       {
         type: 'text',
         name: 'reference',
-        label: t`Reference`,
+        label: t`Bill ID`,
         copy: true
       },
       {

src/frontend/src/pages/purchasing/PurchasingIndex.tsx

@@ -63,7 +63,7 @@ export default function PurchasingIndex() {
     return [
       SegmentedControlPanel({
         name: 'purchaseorders',
-        label: t`Purchase Orders`,
+        label: t`Bills`,
         icon: <IconShoppingCart />,
         hidden: !user.hasViewRole(UserRoles.purchase_order),
         selection: purchaseOrderView,
@@ -209,7 +209,7 @@ export default function PurchasingIndex() {
 
   return (
     <Stack>
-      <PageDetail title={t`Purchasing`} />
+      <PageDetail title={t`Bills`} />
       <PanelGroup
         pageKey='purchasing-index'
         panels={panels}

src/frontend/src/tables/purchasing/PurchaseOrderTable.tsx

@@ -101,7 +101,8 @@ export function PurchaseOrderTable({
   const tableColumns = useMemo(() => {
     return [
       ReferenceColumn({
-        switchable: false
+        switchable: false,
+        title: t`Bill ID`
       }),
       DescriptionColumn({}),
       {