Put codebook into <callout></callout> section (#1590)

Also, updated intl and tests snapshots

client/compiled-lang/en.json

@@ -2664,7 +2664,21 @@
     },
     {
       "type": 0,
-      "value": " that describes how to use the list, and a codebook, "
+      "value": " that describes how to use the list, and a "
+    },
+    {
+      "children": [
+        {
+          "type": 0,
+          "value": "codebook"
+        }
+      ],
+      "type": 8,
+      "value": "callout"
+    },
+    {
+      "type": 0,
+      "value": ", "
     },
     {
       "type": 1,

client/src/components/DownloadPacket/__snapshots__/downloadPacket.test.tsx.snap

@@ -20,7 +20,11 @@ exports[`download packet component defined checks if component renders 1`] = `
             <span>
               .pdf
             </span>
-             that describes how to use the list, and a codebook, 53MB unzipped), the shapefile, along with a 
+             that describes how to use the list, and a 
+            <span>
+              codebook
+            </span>
+            , 53MB unzipped), the shapefile, along with a 
             <span>
               codebook
             </span>

client/src/data/copy/methodology.tsx

@@ -113,7 +113,7 @@ export const DOWNLOAD_PACKAGE = {
   />,
   DESCRIPTION1: <FormattedMessage
     id={ 'methodology.page.downloadPacket.info.text1'}
-    defaultMessage= {`Download the data sources used in the CEJST (.csv, .xlxs, <callout>.pdf</callout> that describes how to use the list, and a codebook, {downloadFileSize} unzipped), the shapefile, along with a <callout>codebook</callout> (.zip, {shapefileSize} unzipped) or the technical support document (.pdf, {tsdFileSize} unzipped).`}
+    defaultMessage= {`Download the data sources used in the CEJST (.csv, .xlxs, <callout>.pdf</callout> that describes how to use the list, and a <callout>codebook</callout>, {downloadFileSize} unzipped), the shapefile, along with a <callout>codebook</callout> (.zip, {shapefileSize} unzipped) or the technical support document (.pdf, {tsdFileSize} unzipped).`}
     description= {'Navigate to the methodology page. This is the download packet info text'}
     values= {{
       callout: newCalloutFontColorFn,

client/src/intl/en.json

@@ -1228,7 +1228,7 @@
     "description": "Navigate to the methodology page. This is the download packet info last updated"
   },
   "methodology.page.downloadPacket.info.text1": {
-    "defaultMessage": "Download the data sources used in the CEJST (.csv, .xlxs, <callout>.pdf</callout> that describes how to use the list, and a codebook, {downloadFileSize} unzipped), the shapefile, along with a <callout>codebook</callout> (.zip, {shapefileSize} unzipped) or the technical support document (.pdf, {tsdFileSize} unzipped).",
+    "defaultMessage": "Download the data sources used in the CEJST (.csv, .xlxs, <callout>.pdf</callout> that describes how to use the list, and a <callout>codebook</callout>, {downloadFileSize} unzipped), the shapefile, along with a <callout>codebook</callout> (.zip, {shapefileSize} unzipped) or the technical support document (.pdf, {tsdFileSize} unzipped).",
     "description": "Navigate to the methodology page. This is the download packet info text"
   },
   "methodology.page.downloadPacket.info.tsd.last.updated": {

client/src/pages/tests/__snapshots__/methodology.test.tsx.snap

@@ -486,7 +486,11 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                     <span>
                       .pdf
                     </span>
-                     that describes how to use the list, and a codebook, 53MB unzipped), the shapefile, along with a 
+                     that describes how to use the list, and a 
+                    <span>
+                      codebook
+                    </span>
+                    , 53MB unzipped), the shapefile, along with a 
                     <span>
                       codebook
                     </span>