minor updates

Author: omursahin

web-report/src/components/FaultsComponent.tsx

@@ -24,10 +24,14 @@ export const FaultsComponent: React.FC<Faults> = ({total_number, found_faults})
 
     const getShortNameOfCode = (code: number) => {
         const codeInfo = faults.find((fault) => fault.code === code);
+        if(code >= 900 && code <= 999) {
+            return `Custom Code`;
+        }
+
         if (codeInfo) {
             return codeInfo.descriptiveName;
         }
-        return `Custom Code`;
+        return `Unrecognized Code`;
     }
     return(
         <Card className="border-2 border-black p-6 rounded-none">
@@ -70,7 +74,7 @@ export const FaultsComponent: React.FC<Faults> = ({total_number, found_faults})
                         faultCounts.map((fault) => (
                             <div className="grid grid-cols-12 gap-4 p-6 transition-colors border-b border-gray-200" key={fault.code}>
                                 <div className="col-span-2 text-center font-bold cursor-help font-mono hover:text-green-300" onClick={() => handleOpenModal(fault.code)}>{fault.code}</div>
-                                <div className="col-span-6 text-left font-mono cursor-help hover:text-green-300"  onClick={() => handleOpenModal(fault.code)}>{getShortNameOfCode(fault.code)}</div>
+                                <div className="col-span-6 text-center font-mono cursor-help hover:text-green-300"  onClick={() => handleOpenModal(fault.code)}>{getShortNameOfCode(fault.code)}</div>
                                 <ReportTooltip className="col-span-2 text-center font-mono" tooltipText={getText(info.distribution_tooltip,
                                     {
                                         operation_count: fault.operation_count,

web-report/src/components/Header.tsx

@@ -9,16 +9,20 @@ interface IHeaderProps {
 }
 
 export const Header: React.FC<IHeaderProps> = ({date, tool_name_version, schema_version}) => (
-    <div className="flex justify-between border-b border-black pb-2 mb-4">
-        <ReportTooltip tooltipText={info.creation_date}>
-            <div className="font-bold" data-testid="header-creation-date">Creation Date: {new Date(date).toUTCString()}</div>
-        </ReportTooltip>
-        <ReportTooltip tooltipText={info.tool_name_version}>
-            <div className="font-bold text-center" data-testid="header-tool-name-version">Tool: {tool_name_version}</div>
-        </ReportTooltip>
-        <ReportTooltip tooltipText={info.schema_version}>
-             <div className="font-bold text-right" data-testid="header-schema-version">Schema Version: {schema_version}</div>
-        </ReportTooltip>
-
-    </div>
+    <>
+        <div className="justify-between border-b border-black pb-2 mb-4">
+            <div className="font-extrabold" data-testid="header-creation-date">WEB FUZZING COMMONS</div>
+        </div>
+        <div className="flex justify-between border-b border-black pb-2 mb-4">
+            <ReportTooltip tooltipText={info.creation_date}>
+                <div className="font-bold" data-testid="header-creation-date">Creation Date: {new Date(date).toUTCString()}</div>
+            </ReportTooltip>
+            <ReportTooltip tooltipText={info.tool_name_version}>
+                <div className="font-bold text-center" data-testid="header-tool-name-version">Tool: {tool_name_version}</div>
+            </ReportTooltip>
+            <ReportTooltip tooltipText={info.schema_version}>
+                <div className="font-bold text-right" data-testid="header-schema-version">Schema Version: {schema_version}</div>
+            </ReportTooltip>
+        </div>
+    </>
 )

web-report/src/components/StatusCodeFilters.tsx

@@ -41,7 +41,7 @@ export function StatusCodeFilters({data, onFiltersChange}: StatusCodeFiltersProp
     return (
         <div className="mb-6">
             <div className="items-center mb-2">
-                <h3 className="text-sm font-medium text-gray-700 mr-3">Filter by Status Code</h3>
+                <h3 className="text-sm font-medium text-gray-700 mr-3">Filter by HTTP Status Code</h3>
                 <div className="flex-wrap gap-2">
                     {allStatusCodes.map((code) => (
                         <StatusCodeFilterButton