Adds Tailwind CSS for styling (#13)

# Adds Tailwind CSS for styling

## ♻️ Current situation & Problem
The current template should include a CSS framework to simplify and
standardize styling across @StanfordBDHG projects.

## ⚙️ Release Notes 
Tailwind CSS is a utility-first CSS framework that is known to work well
with Next.js, per the [official Next.js
documentation](https://nextjs.org/docs/app/building-your-application/styling/tailwind-css).

Adds a base configuration of Tailwind CSS to the project.

### Code of Conduct & Contributing Guidelines 

By submitting creating this pull request, you agree to follow our [Code
of
Conduct](https://github.com/StanfordBDHG/.github/blob/main/CODE_OF_CONDUCT.md)
and [Contributing
Guidelines](https://github.com/StanfordBDHG/.github/blob/main/CONTRIBUTING.md):
- [X] I agree to follow the [Code of
Conduct](https://github.com/StanfordBDHG/.github/blob/main/CODE_OF_CONDUCT.md)
and [Contributing
Guidelines](https://github.com/StanfordBDHG/.github/blob/main/CONTRIBUTING.md).

app/globals.css

@@ -8,21 +8,6 @@ SPDX-License-Identifier: MIT
 
 */
 
-body {
-  font-family: Arial, sans-serif;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100vh;
-  margin: 0;
-  padding: 0;
-}
-
-.container {
-  text-align: center;
-}
-
-h1 {
-  margin-top: 20px;
-  font-size: 1.5em;
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

app/page.tsx

@@ -13,14 +13,16 @@ export default function Home() {
   const greeting = generateGreeting()
 
   return (
-    <div className="container">
-      <Image
-        src={`${process.env.basePath || ''}/stanfordbiodesign.png`}
-        alt="Stanford Biodesign Logo"
-        width={634}
-        height={235}
-      />
-      <h1>{`${greeting.message} to the ${greeting.project}`}</h1>
+    <div className="flex justify-center items-center min-h-screen">
+      <div className="flex flex-col items-center">
+        <Image
+          src={`${process.env.basePath || ''}/stanfordbiodesign.png`}
+          alt="Stanford Biodesign Logo"
+          width={634}
+          height={235}
+        />
+        <h1 className="text-3xl text-center mt-4">{`${greeting.message} to the ${greeting.project}`}</h1>
+      </div>
     </div>
   )
 }