refactor(js): replace deprecated jQuery shorthand event methods with .on() and .trigger()

This commit updates usage of deprecated jQuery event shorthand methods (e.g., `.click()`, `.scroll()`, `.focus()`) with their modern, explicit alternatives: `.on('<event>', ...)` for binding handlers and `.trigger('<event>')` for dispatching events.

- `$(...).scroll(fn)` → `$(...).on('scroll', fn)`
- `$(...).click(fn)` → `$(...).on('click', fn)`
- `$(...).focus()` → `$(...).trigger('focus')`
- Reviewed and replaced similar shorthand usages across the codebase

These shorthand event methods were convenient but are now deprecated due to ambiguity between *event binding* and *event triggering*. For example:
- `$(...).focus()` may either trigger or bind a handler depending on context — a source of confusion and bugs.
- Explicit separation using `.on()` (for binding) and `.trigger()` (for dispatching) improves code clarity and predictability.

These changes align with modern jQuery best practices and are necessary for compatibility with newer versions of jQuery.

Reference: https://api.jquery.com/category/deprecated/

Author: RafaelJohn9

assets/js/application.js

@@ -43,8 +43,7 @@ $(document).ready(function() {
 
 function onPopState(fn) {
   if (window.history && window.history.pushState) {
-    return $(window).bind('popstate', function(event) {
-      var section;
+    return $(window).on('popstate', function () {
       initialPop = !popped && location.href === initialURL;
       popped = true;
       if (initialPop) {
@@ -115,7 +114,7 @@ var GitTurns20 = {
     } else {
       let start = 0
       let count = 0
-      $("#tagline").click(e => {
+      $("#tagline").on('click', e => {
         if (count === 0 || e.timeStamp > start + count * 1000) {
           start = e.timeStamp;
           count = 1;
@@ -181,20 +180,20 @@ var Search = {
   },
 
   observeFocus: function() {
-    $('form#search input').focus(function() {
+    $('form#search input').on('focus', function() {
       $(this).parent('form#search').switchClass("", "focus", 200);
     });
-    $('form#search input').blur(function() {
+    $('form#search input').on('blur', function() {
       Search.resetForm();
     });
   },
 
   observeTextEntry: function() {
-    $('form#search input').keyup(function(e) {
+    $('form#search input').on('keyup', function() {
       Search.runSearch();
     });
 
-    $('form#search input').keydown(function(e) {
+    $('form#search input').on('keydown', function(e) {
       if ($('#search-results').not(':visible') && e.which != 27) {
         $('#search-results').fadeIn(0.2);
         Search.highlight(Search.selectedIndex);
@@ -220,16 +219,16 @@ var Search = {
   },
 
   observeResultsClicks: function() {
-    $('#search-results').mousedown(function(e) {
+    $('#search-results').on('mousedown', function(e) {
       e.preventDefault();
     });
   },
 
   installKeyboardShortcuts: function() {
-    $(document).keydown(function(e) {
+    $(document).on('keydown', function(e) {
       if (e.target.tagName.toUpperCase() !== 'INPUT' && ['s', 'S', '/'].includes(e.key)) {
         e.preventDefault();
-        $('form#search input').focus();
+        $('form#search input').trigger('focus');
       }
       else if (e.target.tagName.toUpperCase() !== 'INPUT') GitTurns20.keydown(e);
     });
@@ -491,7 +490,7 @@ var Forms = {
   },
 
   observeCopyableInputs: function() {
-    $('input.copyable').click(function() {
+    $('input.copyable').on('click', function() {
       $(this).select();
     });
   }
@@ -545,7 +544,7 @@ var Downloads = {
   },
 
   observeGUIOSFilter: function() {
-    $('a.gui-os-filter').click(function(e) {
+    $('a.gui-os-filter').on('click', function(e) {
       e.preventDefault();
       var os = $(this).attr('data-os');
 
@@ -648,7 +647,7 @@ var DarkMode = {
     }
     button.css("display", "block");
 
-    button.click(function(e) {
+    button.on('click', function(e) {
       e.preventDefault();
       let theme
       if (prefersDarkScheme) {
@@ -780,12 +779,12 @@ var PostelizeAnchor = {
 
 // Scroll to Top
 $('#scrollToTop').removeClass('no-js');
-$(window).scroll(function() {
+$(window).on('scroll', function() {
   $(this).scrollTop() > 150
     ? $('#scrollToTop').fadeIn()
     : $('#scrollToTop').fadeOut();
 });
-$('#scrollToTop').click(function(e) {
+$('#scrollToTop').on('click', function(e) {
   e.preventDefault();
   $("html, body").animate({
       scrollTop: 0