feat: update the contact page and laboratory introduction, optimize the style and structure

app/globals.css

@@ -20,18 +20,18 @@ body {
   font-family: Arial, Helvetica, sans-serif;
 }
 
-.url-wrapper {
+.list-wrapper {
   background: var(--main);
   max-height: 80px;
   width: 100%;
 }
 
-.url-item {
+.list-item {
   display: flex;
   border-radius: 1.125rem;
 }
 
-.url-avatar {
+.list-avatar {
   width: 80px;
   height: 80px;
   background-size: cover;
@@ -40,7 +40,7 @@ body {
   flex-shrink: 0;
 }
 
-.url-info {
+.list-info {
   flex-shrink: 1;
   padding-left: 0.75rem; /* pl-3 */
   padding-top: 0.5rem; /* pt-2 */
@@ -51,7 +51,7 @@ body {
   text-overflow: ellipsis;
 }
 
-.url-name {
+.list-name {
   font-size: 1.25rem; /* text-xl */
   font-weight: 700; /* font-bold */
   margin-top: 0.25rem; /* my-1 */