🐛 Capitalize first letter of source names (#1686)

<img width="512" alt="Screenshot 2024-02-14 at 1 47 42 PM"
src="https://github.com/konveyor/tackle2-ui/assets/11218376/767b6c34-f097-4f08-9260-56bc28ff9c07">

Capitalized source names - previously assessment and archetype sources
were lowercase which led to a confusing UX. Motivated by
konveyor/tackle2-hub#603 incoming changes.

Signed-off-by: Ian Bolton <ibolton@redhat.com>

client/src/app/pages/applications/components/application-tags/application-tags.tsx

@@ -29,6 +29,7 @@ import {
 import { useLegacyFilterState } from "@app/hooks/useLegacyFilterState";
 import { useHistory } from "react-router-dom";
 import { ItemTagLabel } from "../../../../components/labels/item-tag-label/item-tag-label";
+import { capitalizeFirstLetter } from "@app/utils/utils";
 
 interface TagWithSource extends Tag {
   source?: string;
@@ -216,7 +217,7 @@ export const ApplicationTags: React.FC<ApplicationTagsProps> = ({
                   component="h3"
                   className={`${spacing.mtSm} ${spacing.mbSm} ${textStyles.fontSizeMd}`}
                 >
-                  {source === "" ? "Manual" : source}
+                  {source === "" ? "Manual" : capitalizeFirstLetter(source)}
                 </Text>
               </TextContent>
               {Array.from(tagCategoriesInThisSource).map((tagCategory) => {

client/src/app/utils/utils.ts

@@ -189,3 +189,6 @@ export const collapseSpacesAndCompare = (
 
   return a.localeCompare(b, locale);
 };
+
+export const capitalizeFirstLetter = (str: string) =>
+  str.charAt(0).toUpperCase() + str.slice(1);