Add responsiveness to file page and use correct file icons based on file type

public/input.css

@@ -1,3 +1,23 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
+
+ .tooltip::before {
+     content: attr(data-tooltip);
+     position: absolute;
+     top: -0.5rem;
+     left: 50%;
+     transform: translateX(-50%) translateY(-100%);
+     padding: 0.5rem;
+     background-color: #333;
+     color: white;
+     border-radius: 0.25rem;
+     opacity: 0;
+     transition: opacity 0.2s;
+     white-space: nowrap;
+     pointer-events: none;
+     z-index: 10;
+ }
+.tooltip:hover::before {
+    opacity: 1;
+}