Add JavaScript functionality for dynamic UI updates and filtering

- Implemented font color configuration based on numeric values in various sections.
- Added resizing functionality for input fields to accommodate text length.
- Initialized filters on document ready for improved user interaction.
- Created visualization for profile data using fetched dot format.
- Enhanced SQL detail page with click event handling for row navigation.
- Ensured consistent highlighting for code blocks across multiple pages.

staticfiles/silk/css/pages/sql.css

@@ -0,0 +1,53 @@
+.right-aligned {
+  text-align: right;
+}
+
+.center-aligned {
+  text-align: center;
+}
+
+.left-aligned {
+  text-align: left;
+}
+
+#table-pagination {
+  text-align: center;
+  margin: 20px;
+}
+
+table {
+  border-spacing: 0;
+  margin: auto;
+  max-width: 920px;
+}
+
+tr {
+  height: 20px;
+}
+
+tr.data-row:hover {
+  background-color: rgb(51, 51, 68);
+  color: white;
+  cursor: pointer;
+}
+
+td {
+  padding: 5px;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+th {
+  height: 40px;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+#table-div {
+  width: 100%;
+  margin-top: 40px;
+}
+
+#table-pagination div {
+  padding: 5px;
+}