Updated Grid UI to include both title and logo in an A tag. Working on creating tests presently.

Updated the theming to wrap the title and logo in an a tag to make both elements clickable in a 508 compliant way.

Updated list layout to have the logo and the title on the same row and to remove the left most grid column where the logo was initially. Closes #3311992

css/pb.css

@@ -401,15 +401,30 @@
   box-shadow: 0 4px 10px rgb(0, 0, 0 / 0.1);
 }
 
+.pb-project__top--grid {
+  display: flex;
+  flex-flow: column nowrap;
+}
+
 .pb-project__title {
   margin-block: 0;
 }
 
+.pb-project__title--list {
+  padding: 1rem;
+}
+
+.pb-project__top--list {
+  display: flex;
+  align-items: center;
+}
+
 .pb-project__title--grid {
   text-align: center;
 }
 
 .pb-project__link {
+  grid-area: header;
   color: black;
 }
 .pb-project__link:hover {
@@ -428,10 +443,11 @@
 .pb-project--list {
   display: grid;
   grid-template-areas:
+    "aside header"
     "aside main"
     "aside footer";
   grid-template-rows: 1fr;
-  grid-template-columns: 100px 1fr;
+  grid-template-columns: 0;
   gap: 1rem;
   border: 0.5px solid #a4a2a2;
   background: #fff;
@@ -453,6 +469,9 @@
   grid-area: aside;
   justify-self: center;
 }
+.pb-project__logo--list .pb-project__logo-image {
+  width: 40px;
+}
 .pb-project__logo-image {
   width: 100px;
   margin: 0;