Adicionado página 'biblioteca'

package.json

@@ -10,8 +10,20 @@
     "astro": "astro"
   },
   "dependencies": {
-    "astro": "^4.15.8",
     "@astrojs/check": "^0.9.3",
+    "astro": "^4.15.8",
+    "datatables.net-buttons-dt": "^3.1.2",
+    "datatables.net-colreorder-dt": "^2.0.4",
+    "datatables.net-dt": "^2.1.7",
+    "datatables.net-fixedheader-dt": "^4.0.1",
+    "datatables.net-responsive-dt": "^3.0.3",
+    "datatables.net-searchbuilder-dt": "^1.8.0",
+    "jquery": "^3.7.1",
+    "papaparse": "^5.4.1",
     "typescript": "^5.6.2"
+  },
+  "devDependencies": {
+    "@types/jquery": "^3.5.30",
+    "@types/papaparse": "^5.3.14"
   }
-}
+}

public/site.webmanifest

@@ -3,12 +3,12 @@
     "short_name": "IsF",
     "icons": [
         {
-            "src": "/android-chrome-192x192.png",
+            "src": "/assets/img/android-chrome-192x192.png",
             "sizes": "192x192",
             "type": "image/png"
         },
         {
-            "src": "/android-chrome-512x512.png",
+            "src": "/assets/img/android-chrome-512x512.png",
             "sizes": "512x512",
             "type": "image/png"
         }

src/components/Carregando.astro

@@ -0,0 +1,53 @@
+---
+interface Props {
+	id: string;
+}
+
+const { id } = Astro.props;
+---
+<div class="holder" id={id}>
+    <div class="loader"></div>
+</div>
+
+<style>
+.holder {
+    margin: 20px auto;
+    height: calc(40px * 2.33);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+/* Créditos: https://css-loaders.com/colorful/ */
+.loader {
+    width: 40px;
+    aspect-ratio: 1;
+    border-radius: 50%;
+    margin-top: -30px;
+    display: flex;
+    justify-content: center;
+    overflow: hidden;
+    transform-origin: 50% 116.5%;
+    animation: l17 2s infinite linear; 
+}
+.loader:before {
+    content:"";
+    min-width: 233%;
+    height: 233%;
+    /* background: 
+        radial-gradient(farthest-side,#00DA3C 90%,#0000) top,
+        radial-gradient(farthest-side,#00CBE7 90%,#0000) left,
+        radial-gradient(farthest-side,#FD8603 90%,#0000) bottom,
+        radial-gradient(farthest-side,#F4F328 90%,#0000) right;
+    background-size: 43% 43%; */
+    background: url(/assets/img/andifes-isf-400x200.png);
+    background-size: 284px 141px;
+    background-position: -187px 3px;
+    background-repeat: no-repeat;
+    animation: inherit;
+    animation-direction: reverse;
+}
+@keyframes l17 {
+    100% {transform: rotate(360deg)}
+}
+</style>